调试易

UI 文件雏形...Styler.js // shawl.qiu JavaScript Document
 /*-----------------------------------------------------------------------------------*\
  * shawl.qiu Styler class v1.0
 \*-----------------------------------------------------------------------------------*/
//---------------------------------begin class Styler()-------------------------------//
 function Styler()
 { // shawl.qiu code
  //------------------------------------begin public variable
  //------------------------------------end public variable
  
  //------------------------------------begin private variable
  //---------------begin about
var Au = {}
 Au.Subject = "shawl.qiu Styler class ";
 Au.Version = "v1.0";
 Au.Name = "shawl.qiu";
 Au.Email = "[email protected]";
 Au.Blog = "http://blog.csdn.net/btbtd";
 Au.CreatedDate = "2007-7-31";
 Au.Update = {};
 Au.Update["1"] = "";
  //---------------end about
  
  var This = this;
  
  var Main = {};
   Main.Id = "StylerId";
   Main.Element = null;
   
  var Engine = null;
  
  var GenreSelect = {};
   GenreSelect.Id = Main.Id+"GenreSelect";
   GenreSelect.Element = null; 
   GenreSelect.Default = "CLike"; //CLike|BasicLike
   
  var Container = {};
   Container.Len = 4;
   Container.IdPrefix = Main.Id+"Container";
   Container.Set = [];
   Container.Init = false;
   
  var Textarea = {};
   Textarea.Id = Main.Id+"TextArea.Id";
  //------------------------------------end private variable
  
  //------------------------------------begin public method
  this.Get = {};
  this.Get.Au = fGetAu;
  
  this.Set = {};
  this.Set.Main = fSetMain;
  this.Set.Engine = fSetEngine;
  this.Set.Container = fSetContainer;
  this.Set.GenreSelect = fGenreSelect;
  
  this.Go = fGo;
  //------------------------------------end public method
 
  //------------------------------------begin private method
  function fGenreSelect(sId, sDefaultSelect, sLbl)
  {
   if(!sId) sId = GenreSelect.Id;
   if(!sLbl) sLbl = "<b>流派:</b> ";
   if(sDefaultSelect&&sDefaultSelect!="") GenreSelect.Default = sDefaultSelect;
   
   var Sle = document.createElement("select");  
    Sle.id = sId;
    
   
   switch(GenreSelect.Default)
   {
    case "CLike":
     fAddOption(Sle, "类C", "CLike", false, false);
     fAddOption(Sle, "类Basic", "BasicLike", false, false);
     break;
     
    case "BasicLike":
     fAddOption(Sle, "类Basic", "BasicLike", false, false);
     fAddOption(Sle, "类C", "CLike", false, false);
     break;
     
    default:
     fAddOption(Sle, "类C", "CLike", false, false);
     fAddOption(Sle, "类Basic", "BasicLike", false, false);
     break;
   }
    
   Container.Set[0].innerHTML = sLbl;
   Container.Set[0].appendChild(Sle);
   GenreSelect.Element = document.getElementById(sId);
  }
  
  function fAddOption(sle, text, value, defaultSelected, selected)
  {// shawl.qiu script
   if(!defaultSelected) defaultSelected = false;
   if(!selected) selected = false;
   sle.options[sle.options.length] = new Option(text, value, defaultSelected, selected);
  } // end function fAddOption
  
  function fSetContainer(OrderAr)
  {
   if(!Container.Init)
   {
    var Count = 0;
    var TempId = "";
   
    while(Count<Container.Len)
    {
     TempId = Container.IdPrefix+Count;
     
     var Div = document.createElement("div");
     Div.id = TempId;
     
     Main.Element.appendChild(Div);
     
     Container.Set[Count] = document.getElementById(TempId);
     
     Count++;
    }
    Container.Init = true;
   } 
   
   if(OrderAr.constructor==Array&&OrderAr.length==Container.Len)
   {
    var Len = OrderAr.length;
    var Index = 0;
    OrderAr.reverse();
    
    while(--Len>-1)
    {
     Index = OrderAr[Len];
     
     Main.Element.removeChild(Container.Set[Index]);
     Main.Element.appendChild(Container.Set[Index]);
    }
   }
  } // end function fSetContainer
  
  function fSetMain(sId)
  {
   Main.Element = fGetObj(sId, "无法获得主域!");
  }
  
  function fSetEngine(EngineClass)
  {
   Engine = EngineClass;
   if(Engine == null) throw new Error("风格引擎不能为空!");
  }
  
  function fGetObj(sId, sMsg)
  {// shawl.qiu code : return HTMLElement
   if(!sMsg) sMsg = "无法获得对象!";
   var Obj = null;
   
   switch(typeof(sId)+"")
   {
    case "string":
     Obj = document.getElementById(sId);
     break;
     
    case "object": 
     Obj = sId;
     break;
   }
   
   if(Obj==null)
   {
    throw new Error(sMsg);
   }
   
   return Obj;
  } // end function fGetObj(sId, sMsg)
  
  function fRandomLetter(iLen, sCase)
  {// shawl.qiu code : return strings
   var TextAr = [];
   var ReturnAr = [];
   var UpAr = ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S',
    'T','U','V','W','X','Y','Z'];
   var LwAr = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t',
    'u','v','w','x','y','z'];
   var DigAr = [0,1,2,3,4,5,6,7,8,9];
   switch(sCase)
   {
    case 'upper': 
     TextAr=UpAr; 
     break;
     
    case 'lower': 
     TextAr=LwAr; 
     break;
     
    case 'letter': 
     TextAr=UpAr.concat(LwAr); 
     break;
     
    default:
     TextAr=UpAr.concat(LwAr, DigAr);
     break;
   }
   var Len = TextAr.length-1;
   
   while(--iLen>-1)
   {
    ReturnAr.push(TextAr[fRandomBy(0, Len)]);
   }
   
   return ReturnAr.join("");
   
  
   function fRandomBy(under, over)
   {// shawl.qiu script
    switch(arguments.length)
    {
     case 1: return parseInt(Math.random()*under+1);
     case 2: return parseInt(Math.random()*(over-under+1) + under);
     default: return 0;
    } // end switch
   } // end function fRandomBy
   
  } // end function fRandomLetter
  
  function fGo()
  {
   Container.Set[1].innerHTML = "选项:<br/> ";
   Container.Set[2].innerHTML = "2";
   Container.Set[3].innerHTML = "内容:<br/>";
  } // end function fGo
  
  function fGetAu()
  {
   return Au;
  }
  //------------------------------------end private method
 } // shawl.qiu code
//---------------------------------end class Styler()---------------------------------//