2007-08-08

menu

css 代码
css 代码
  1. .menuOver{border:1px solid black;background-color:blue;width:100%;;text-align:left;font-size:9pt;color:white;cursor:arrow}   
  2. .menuOut{border:0px solid black;background-color:#f2f5fd;width:100%;text-align:left;font-size:9pt}   
 
js 代码
js 代码
  1. String.prototype.trim=function(){   
  2.         return this.replace(/(^\s*)|(\s*$)/g, "");   
  3. }   
  4.   
  5. var menuClass=null;   
  6. function MenuClass(menuOverClass,menuOutClass){    
  7.     this.menuOverClass=menuOverClass;   
  8.     this.menuOutClass=menuOutClass;   
  9. }   
  10. MenuClass.prototype.getMenuOverClass=function(){return this.menuOverClass;}   
  11. MenuClass.prototype.getMenuOutClass=function(){return this.menuOutClass;}   
  12.   
  13. function ModuleNode(sName,iSort,sParent){   
  14.     this.name=sName;   
  15.     this.sort=iSort;   
  16.     this.parent=sParent;       
  17. }   
  18. ModuleNode.prototype.getName=function(){return this.name;}   
  19. ModuleNode.prototype.getSort=function(){return this.sort;}   
  20. ModuleNode.prototype.getParent=function(){return this.parent;}  
js 代码
  1. var oPopup = window.createPopup();   
  2. var isCreated=false;   
  3. var gobalPoint=null;   
  4.   
  5. function createMenu(oMenu){   
  6.     if(menuClass==null){   
  7.       menuClass=new MenuClass("menuOver","menuOut");   
  8.        
  9.     }      
  10.     try{       
  11.               
  12.           for(var i=0;i<=MenuBar.length-1;i++){       
  13.              MenuBar[i].setAttribute("onmouseover","parent.menuChange(this)")       
  14.              MenuBar[i].setAttribute("onmouseout","parent.menuClear(this)")    
  15.              //MenuBar[i].children[0].setAttribute("hideFocus","true");   
  16.              //MenuBar[i].children[0].setAttribute("style","cursor:arrow");   
  17.                    
  18.          }       
  19.     }catch(e){   
  20.         alert(e.description)   
  21.         return false;   
  22.     }      
  23.        
  24.     var oPopupBody = oPopup.document.body;         
  25.     oPopupBody.style.backgroundColor="#f2f5fd"      
  26.     oPopupBody.style.border = "solid black 1px";      
  27.      
  28.     var oCss=oPopupBody.document.createElement("link");       
  29.     oCss.setAttribute("rel","stylesheet");       
  30.     oCss.setAttribute("type","text/css");       
  31.     oCss.href="css/menu.css";       
  32.     oPopupBody.appendChild(oCss);   
  33.        
  34.     var oDiv=oPopupBody.document.createElement("Div");      
  35.     oDiv.innerHTML = oMenu.innerHTML;      
  36.     oPopupBody.appendChild(oDiv);       
  37.     isCreated=true;      
  38.        
  39. }   
  40. function popMenu(obj,oMenu,w,h,x,y){   
  41.     gobalPoint=obj;        
  42.     if(!isCreated){   
  43.        createMenu(oMenu);   
  44.     }    
  45.     /*  
  46.     clear all over class  
  47.     */  
  48.        
  49.     for(var i=0;i<=oPopup.document.all.MenuBar.length-1;i++){       
  50.           menuClear(oPopup.document.all.MenuBar[i]);     
  51.     }       
  52.        
  53.     if(arguments.length==3){       
  54.         oPopup.show(event.offsetX+50, event.offsetY+30, w, h,obj);   
  55.         return;   
  56.     }     
  57.     if(arguments.length==1){   
  58.         oPopup.show(event.offset+50, event.offsetY+30, 200, 350,obj);   
  59.         return;   
  60.     }     
  61.     oPopup.show(x, y, w, h,obj);       
  62.   
  63. }   
  64.   
  65. function hideMenu(){   
  66.  oPopup.hide();   
  67. }   
  68.   
  69. function menuChange(obj){   
  70.     obj.className=menuClass.getMenuOverClass();    
  71. }   
  72. function menuClear(obj){   
  73.     obj.className=menuClass.getMenuOutClass();     
  74. }   

 

 

xml 代码
  1. <div id="oMenu" style="display:none">        
  2.         <table style="width:100%;font-size:9pt">  
  3.             <tr id="MenuBar" onclick="parent.nodeProcess('edit')"><td hideFocus="true" style="cursor:arrow">编辑</td></tr>  
  4.             <tr id="MenuBar" onclick="parent.nodeProcess('property')"><td hideFocus="true" style="cursor:arrow">添加</td></tr>  
  5.             <tr id="MenuBar" onclick="parent.nodeProcess('method')"><td hideFocus="true" style="cursor:arrow">增加方法</td></tr>  
  6.             <tr id="MenuBar" onclick="parent.nodeProcess('event')"><td hideFocus="true" style="cursor:arrow">增加事件</td></tr>  
  7.             <tr id="MenuBar" onclick="parent.nodeProcess('workflow')"><td hideFocus="true" style="cursor:arrow">流程</td></tr>  
  8.             <tr height="50px"><td></td></tr>  
  9.             <tr><td style="cursor:hand;font-size:10pt" valign="bottom" align="center" >  
  10.               <span onclick="parent.hideMenu()">X</span>  
  11.             </td>  
  12.             </tr>  
  13.         </table>  
  14.     </div>  
评论
发表评论

您还没有登录，请登录后发表评论

Nirvana
搜索本博客
博客分类
最近加入圈子
存档
最新评论