menu.js
上传用户:cctv0805
上传日期:2010-01-03
资源大小:345k
文件大小:8k
源码类别:

OA系统

开发平台:

ASP/ASPX

  1.  
  2. function Folder(folderDescription, hreference,linkid) //constructor 
  3.   //constant data 
  4.   this.desc = folderDescription 
  5.   this.hreference = hreference
  6.   this.linkid = linkid 
  7.   this.id = -1   
  8.   this.navObj = 0  
  9.   this.iconImg = 0  
  10.   this.nodeImg = 0  
  11.   this.isLastNode = 0 
  12.  
  13.   //dynamic data 
  14.   this.isOpen = true 
  15.   this.iconSrc = "../../images/folderopen.gif"   
  16.   this.children = new Array 
  17.   this.nChildren = 0 
  18.  
  19.   //methods 
  20.   this.initialize = initializeFolder 
  21.   this.setState = setStateFolder 
  22.   this.addChild = addChild 
  23.   this.createIndex = createEntryIndex 
  24.   this.hide = hideFolder 
  25.   this.display = display 
  26.   this.renderOb = drawFolder 
  27.   this.totalHeight = totalHeight 
  28.   this.subEntries = folderSubEntries 
  29.   this.outputLink = outputFolderLink 
  30.  
  31. function setStateFolder(isOpen) 
  32.   var subEntries 
  33.   var totalHeight 
  34.   var fIt = 0 
  35.   var i=0 
  36.  
  37.   if (isOpen == this.isOpen) 
  38.     return 
  39.  
  40.   if (browserVersion == 2)  
  41.   { 
  42.     totalHeight = 0 
  43.     for (i=0; i < this.nChildren; i++) 
  44.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  45.       subEntries = this.subEntries() 
  46.     if (this.isOpen) 
  47.       totalHeight = 0 - totalHeight 
  48.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  49.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  50.   }  
  51.   this.isOpen = isOpen 
  52.   propagateChangesInState(this) 
  53.  
  54. function propagateChangesInState(folder) 
  55. {   
  56.   var i=0 
  57.  
  58.   if (folder.isOpen) 
  59.   { 
  60.     if (folder.nodeImg) 
  61.       if (folder.isLastNode) 
  62.         folder.nodeImg.src = "../../images/mlastnode.gif" 
  63.       else 
  64.   folder.nodeImg.src = "../../images/mnode.gif" 
  65.     folder.iconImg.src = "../../images/folderopen.gif" 
  66.     for (i=0; i<folder.nChildren; i++) 
  67.       folder.children[i].display() 
  68.   } 
  69.   else 
  70.   { 
  71.     if (folder.nodeImg) 
  72.       if (folder.isLastNode) 
  73.         folder.nodeImg.src = "../../images/plastnode.gif" 
  74.       else 
  75.   folder.nodeImg.src = "../../images/pnode.gif" 
  76.     folder.iconImg.src = "../../images/folderclosed.gif" 
  77.     for (i=0; i<folder.nChildren; i++) 
  78.       folder.children[i].hide() 
  79.   }  
  80.  
  81. function hideFolder() 
  82.   if (browserVersion == 1) { 
  83.     if (this.navObj.style.display == "none") 
  84.       return 
  85.     this.navObj.style.display = "none" 
  86.   } else { 
  87.     if (this.navObj.visibility == "hiden") 
  88.       return 
  89.     this.navObj.visibility = "hiden" 
  90.   } 
  91.    
  92.   this.setState(0) 
  93.  
  94. function initializeFolder(level, lastNode, leftSide) 
  95. var j=0 
  96. var i=0 
  97. var numberOfFolders 
  98. var numberOfDocs 
  99. var nc 
  100.       
  101.   nc = this.nChildren 
  102.    
  103.   this.createIndex() 
  104.  
  105.   var auxEv = "" 
  106.  
  107.   if (browserVersion > 0) 
  108.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  109.   else 
  110.     auxEv = "<a>" 
  111.  
  112.   if (level>0) 
  113.     if (lastNode) //the last 'brother' in the children array 
  114.     { 
  115.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../images/mlastnode.gif' width=16 height=22 border=0></a>") 
  116.       leftSide = leftSide + "<img src='../../images/blank.gif' width=16 height=22 align='absmiddle'>"  
  117.       this.isLastNode = 1 
  118.     } 
  119.     else 
  120.     { 
  121.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../images/mnode.gif' width=16 height=22 border=0></a>") 
  122.       leftSide = leftSide + "<img src='../../images/vertline.gif' width=16 height=22 align='absmiddle'>" 
  123.       this.isLastNode = 0 
  124.     } 
  125.   else 
  126.     this.renderOb("") 
  127.    
  128.   if (nc > 0) 
  129.   { 
  130.     level = level + 1 
  131.     for (i=0 ; i < this.nChildren; i++)  
  132.     { 
  133.       if (i == this.nChildren-1) 
  134.         this.children[i].initialize(level, 1, leftSide) 
  135.       else 
  136.         this.children[i].initialize(level, 0, leftSide) 
  137.       } 
  138.   } 
  139.  
  140. function drawFolder(leftSide) 
  141.   if (browserVersion == 2) { 
  142.     if (!doc.yPos) 
  143.       doc.yPos=8 
  144.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  145.   } 
  146.    
  147.   doc.write("<table ") 
  148.   if (browserVersion == 1) 
  149.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  150.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  151.   doc.write("<tr><td>") 
  152.   doc.write(leftSide) 
  153.   this.outputLink() 
  154.   
  155.   doc.write("<img name='folderIcon" + this.id + "' ") 
  156.   doc.write("src='" + this.iconSrc+"' border=0></a>") 
  157.   doc.write("</td><td valign=middle nowrap>") 
  158.   if (USETEXTLINKS) 
  159.   { 
  160.     this.outputLink() 
  161.     doc.write(this.desc + "</a>")
  162.   } 
  163.   else 
  164.     doc.write(this.desc) 
  165.   doc.write("</td>")  
  166.   doc.write("</table>") 
  167.    
  168.   if (browserVersion == 2) { 
  169.     doc.write("</layer>") 
  170.   } 
  171.  
  172.   if (browserVersion == 1) { 
  173.     this.navObj = doc.all["folder"+this.id] 
  174.     this.iconImg = doc.all["folderIcon"+this.id] 
  175.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  176.   } else if (browserVersion == 2) { 
  177.     this.navObj = doc.layers["folder"+this.id] 
  178.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  179.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  180.     doc.yPos=doc.yPos+this.navObj.clip.height 
  181.   } 
  182.  
  183. function outputFolderLink() 
  184.   if (this.hreference) 
  185.   { 
  186.     doc.write("<span onclick="parent.div_onclick(" + this.hreference + ",'" + this.linkid +"')"" ) 
  187.     if (browserVersion > 0) 
  188.       doc.write(";clickOnFolder("+this.id+")") 
  189.     doc.write(";'>")
  190.   } 
  191.   else 
  192.     doc.write("<span>") 
  193. //  doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  194.  
  195. function addChild(childNode) 
  196.   this.children[this.nChildren] = childNode 
  197.   this.nChildren++ 
  198.   return childNode 
  199.  
  200. function folderSubEntries() 
  201.   var i = 0 
  202.   var se = this.nChildren 
  203.  
  204.   for (i=0; i < this.nChildren; i++){ 
  205.     if (this.children[i].children) //is a folder 
  206.       se = se + this.children[i].subEntries() 
  207.   } 
  208.  
  209.   return se 
  210.  
  211.  
  212.  
  213. // Methods common to both objects (pseudo-inheritance) 
  214. // ******************************************************** 
  215.  
  216. function display() 
  217.   if (browserVersion == 1) 
  218.     this.navObj.style.display = "block" 
  219.   else 
  220.     this.navObj.visibility = "show" 
  221.  
  222. function createEntryIndex() 
  223.   this.id = nEntries 
  224.   indexOfEntries[nEntries] = this 
  225.   nEntries++ 
  226.  
  227. // total height of subEntries open 
  228. function totalHeight() //used with browserVersion == 2 
  229.   var h = this.navObj.clip.height 
  230.   var i = 0 
  231.    
  232.   if (this.isOpen) //is a folder and _is_ open 
  233.     for (i=0 ; i < this.nChildren; i++)  
  234.       h = h + this.children[i].totalHeight() 
  235.  
  236.   return h 
  237.  
  238.  
  239. // Events 
  240. // ********************************************************* 
  241.  
  242. function clickOnFolder(folderId) 
  243.   var clicked = indexOfEntries[folderId] 
  244.  
  245.   if (!clicked.isOpen) 
  246.     clickOnNode(folderId) 
  247.  
  248.   return  
  249.  
  250.   if (clicked.isSelected) 
  251.     return 
  252.  
  253. function clickOnNode(folderId) 
  254.   var clickedFolder = 0 
  255.   var state = 0 
  256.  
  257.   clickedFolder = indexOfEntries[folderId] 
  258.   state = clickedFolder.isOpen 
  259.  
  260.   clickedFolder.setState(!state) //open<->close  
  261.  
  262. function initializeDocument() 
  263.   if (doc.all) 
  264.     browserVersion = 1 //IE4   
  265.   else 
  266.     if (doc.layers) 
  267.       browserVersion = 2 //NS4 
  268.     else 
  269.       browserVersion = 0 //other 
  270.  
  271.   level_0.initialize(0, 1, "") 
  272.   level_0.display()
  273.   
  274.   if (browserVersion > 0) 
  275.   { 
  276.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>") 
  277.  
  278.     // close the whole tree 
  279.     clickOnNode(0) 
  280.     // open the root folder 
  281.     clickOnNode(0) 
  282.   } 
  283.  
  284. // Auxiliary Functions for Folder-Treee backward compatibility 
  285. // ********************************************************* 
  286.  
  287. function gFld(description, hreference,linkid) 
  288.   folder = new Folder(description, hreference,linkid) 
  289.   return folder 
  290.  
  291.  
  292. function insFld(parentFolder, childFolder) 
  293.   return parentFolder.addChild(childFolder) 
  294.  
  295. function insDoc(parentFolder, document) 
  296.   parentFolder.addChild(document) 
  297.  
  298. // Global variables 
  299. // **************** 
  300.  
  301. USETEXTLINKS = 0 
  302. indexOfEntries = new Array 
  303. nEntries = 0 
  304. doc = document 
  305. browserVersion = 0 
  306. selectedFolder=0