home *** CD-ROM | disk | FTP | other *** search
/ Internet Magazine 2003 October / INTERNET108.ISO / pc / software / windows / utils / weblog_expert / setup.exe / {app} / Template / Tree.js < prev    next >
Encoding:
JavaScript  |  2001-12-30  |  11.5 KB  |  464 lines
  1. //**************************************************************** 
  2. // You are free to copy the "Folder-Tree" script as long as you  
  3. // keep this copyright notice: 
  4. // Script found in: http://www.geocities.com/Paris/LeftBank/2178/ 
  5. // Author: Marcelino Alves Martins (martins@hks.com) December '97. 
  6. //**************************************************************** 
  7.  
  8. // Definition of class Folder 
  9. // ***************************************************************** 
  10.  
  11. function Folder(folderDescription, hreference) //constructor 
  12. { 
  13.   //constant data 
  14.   this.desc = folderDescription 
  15.   this.hreference = hreference 
  16.   this.id = -1   
  17.   this.navObj = 0  
  18.   this.iconImg = 0  
  19.   this.nodeImg = 0  
  20.   this.isLastNode = 0 
  21.  
  22.   //dynamic data 
  23.   this.isOpen = true 
  24.   this.iconSrc = "OpenFolder.gif"   
  25.   this.children = new Array 
  26.   this.nChildren = 0 
  27.  
  28.   //methods 
  29.   this.initialize = initializeFolder 
  30.   this.setState = setStateFolder 
  31.   this.addChild = addChild 
  32.   this.createIndex = createEntryIndex 
  33.   this.hide = hideFolder 
  34.   this.display = display 
  35.   this.renderOb = drawFolder 
  36.   this.totalHeight = totalHeight 
  37.   this.subEntries = folderSubEntries 
  38.   this.outputLink = outputFolderLink 
  39. } 
  40.  
  41. function setStateFolder(isOpen) 
  42. { 
  43.   var subEntries 
  44.   var totalHeight 
  45.   var fIt = 0 
  46.   var i=0 
  47.  
  48.   if (isOpen == this.isOpen) 
  49.     return 
  50.  
  51.   if (browserVersion == 2)  
  52.   { 
  53.     totalHeight = 0 
  54.     for (i=0; i < this.nChildren; i++) 
  55.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  56.       subEntries = this.subEntries() 
  57.     if (this.isOpen) 
  58.       totalHeight = 0 - totalHeight 
  59.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  60.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  61.   }  
  62.   this.isOpen = isOpen 
  63.   propagateChangesInState(this) 
  64. } 
  65.  
  66. function propagateChangesInState(folder) 
  67. {   
  68.   var i=0 
  69.  
  70.   if (folder.isOpen) 
  71.   { 
  72.     if (folder.nodeImg) 
  73.       if (folder.isLastNode) 
  74.         folder.nodeImg.src = "Minus.gif" 
  75.       else 
  76.       folder.nodeImg.src = "Minus.gif" 
  77.     folder.iconImg.src = "OpenFolder.gif" 
  78.     for (i=0; i<folder.nChildren; i++) 
  79.       folder.children[i].display() 
  80.   } 
  81.   else 
  82.   { 
  83.     if (folder.nodeImg) 
  84.       if (folder.isLastNode) 
  85.         folder.nodeImg.src = "Plus.gif" 
  86.       else 
  87.       folder.nodeImg.src = "Plus.gif" 
  88.     folder.iconImg.src = "ClosedFolder.gif" 
  89.     for (i=0; i<folder.nChildren; i++) 
  90.       folder.children[i].hide() 
  91.   }  
  92. } 
  93.  
  94. function hideFolder() 
  95. { 
  96.   if (browserVersion == 1) { 
  97.     if (this.navObj.style.display == "none") 
  98.       return 
  99.     this.navObj.style.display = "none" 
  100.   } else { 
  101.     if (this.navObj.visibility == "hidden") 
  102.       return 
  103.     this.navObj.visibility = "hidden" 
  104.   } 
  105.    
  106.   this.setState(0) 
  107. } 
  108.  
  109. function initializeFolder(level, lastNode, leftSide) 
  110. { 
  111. var j=0 
  112. var i=0 
  113. var numberOfFolders 
  114. var numberOfDocs 
  115. var nc 
  116.       
  117.   nc = this.nChildren 
  118.    
  119.   this.createIndex() 
  120.  
  121.   var auxEv = "" 
  122.  
  123.   if (browserVersion > 0) 
  124.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  125.   else 
  126.     auxEv = "<a>" 
  127.  
  128.   if (level>0) 
  129.     if (lastNode) //the last 'brother' in the children array 
  130.     { 
  131.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='Minus.gif' width=19 height=19 border=0></a>") 
  132.       leftSide = leftSide + "<img src='TreeBlank.gif' width=19 height=19>"  
  133.       this.isLastNode = 1 
  134.     } 
  135.     else 
  136.     { 
  137.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='Minus.gif' width=19 height=19 border=0></a>") 
  138.       leftSide = leftSide + "<img src='TreeBlank.gif' width=19 height=19>" 
  139.       this.isLastNode = 0 
  140.     } 
  141.   else 
  142.     this.renderOb("") 
  143.    
  144.   if (nc > 0) 
  145.   { 
  146.     level = level + 1 
  147.     for (i=0 ; i < this.nChildren; i++)  
  148.     { 
  149.       if (i == this.nChildren-1) 
  150.         this.children[i].initialize(level, 1, leftSide) 
  151.       else 
  152.         this.children[i].initialize(level, 0, leftSide) 
  153.       } 
  154.   } 
  155. } 
  156.  
  157. function drawFolder(leftSide) 
  158. { 
  159.   if (browserVersion == 2) { 
  160.     if (!doc.yPos) 
  161.       doc.yPos=200
  162.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hidden>") 
  163.   } 
  164.    
  165.   doc.write("<table ") 
  166.   if (browserVersion == 1) 
  167.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  168.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  169.   doc.write("<tr><td>") 
  170.   doc.write(leftSide) 
  171.  
  172.   // Changed
  173.   if (leftSide)
  174.   {
  175.     this.outputLink() 
  176.     doc.write("<img name='folderIcon" + this.id + "' ") 
  177.     doc.write("src='" + this.iconSrc+"' border=0></a>") 
  178.     doc.write("</td><td valign=middle nowrap>") 
  179.     if (USETEXTLINKS) 
  180.     { 
  181.       this.outputLink() 
  182.       doc.write(this.desc + "</a>") 
  183.     } 
  184.     else 
  185.       doc.write(this.desc)
  186.   } 
  187.   else
  188.   {
  189.   doc.write("<img name='folderIcon" + this.id + "' ") 
  190.   doc.write("src='" + this.iconSrc+"' border=0 width=0 height=0>")
  191.   }
  192.  
  193.   doc.write("</td>")  
  194.   doc.write("</table>") 
  195.    
  196.   if (browserVersion == 2) { 
  197.     doc.write("</layer>") 
  198.   }
  199.  
  200.   if (browserVersion == 1) { 
  201.     this.navObj = doc.all["folder"+this.id] 
  202.     this.iconImg = doc.all["folderIcon"+this.id] 
  203.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  204.   } else if (browserVersion == 2) { 
  205.     this.navObj = doc.layers["folder"+this.id] 
  206.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  207.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  208.     doc.yPos=doc.yPos+this.navObj.clip.height 
  209.   } 
  210. } 
  211. // This is changed *********** 
  212. function outputFolderLink() 
  213. { 
  214.   if (this.hreference)
  215.   {
  216.     doc.write("<a href='" + this.hreference + "' target=\"Main\" ")
  217.     if (browserVersion > 0)
  218.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'")
  219.     doc.write(">")
  220.   }
  221.   else
  222.     doc.write("<a>")
  223. } 
  224.  
  225. function addChild(childNode) 
  226. { 
  227.   this.children[this.nChildren] = childNode 
  228.   this.nChildren++ 
  229.   return childNode 
  230. } 
  231.  
  232. function folderSubEntries() 
  233. { 
  234.   var i = 0 
  235.   var se = this.nChildren 
  236.  
  237.   for (i=0; i < this.nChildren; i++){ 
  238.     if (this.children[i].children) //is a folder 
  239.       se = se + this.children[i].subEntries() 
  240.   } 
  241.  
  242.   return se 
  243. } 
  244.  
  245.  
  246. // Definition of class Item (a document or link inside a Folder) 
  247. // ************************************************************* 
  248.  
  249. function Item(itemDescription, itemLink) // Constructor 
  250. { 
  251.   // constant data 
  252.   this.desc = itemDescription 
  253.   this.link = itemLink 
  254.   this.id = -1 //initialized in initalize() 
  255.   this.navObj = 0 //initialized in render() 
  256.   this.iconImg = 0 //initialized in render() 
  257.   this.iconSrc = "Page.gif" 
  258.  
  259.   // methods 
  260.   this.initialize = initializeItem 
  261.   this.createIndex = createEntryIndex 
  262.   this.hide = hideItem 
  263.   this.display = display 
  264.   this.renderOb = drawItem 
  265.   this.totalHeight = totalHeight 
  266. } 
  267.  
  268. function hideItem() 
  269. { 
  270.   if (browserVersion == 1) { 
  271.     if (this.navObj.style.display == "none") 
  272.       return 
  273.     this.navObj.style.display = "none" 
  274.   } else { 
  275.     if (this.navObj.visibility == "hidden") 
  276.       return 
  277.     this.navObj.visibility = "hidden" 
  278.   }     
  279. } 
  280.  
  281. function initializeItem(level, lastNode, leftSide) 
  282. {  
  283.   this.createIndex() 
  284.  
  285.   if (level>0) 
  286.     if (lastNode) //the last 'brother' in the children array 
  287.     { 
  288.         this.renderOb(leftSide + "<img src='TreeBlank.gif' width=19 height=19>") 
  289.       leftSide = leftSide + "<img src='TreeBlank.gif' width=19 height=19>"  
  290.     } 
  291.     else 
  292.     { 
  293.       this.renderOb(leftSide + "<img src='TreeBlank.gif' width=19 height=19>") 
  294. leftSide = leftSide + "<img src='TreeBlank.gif' width=19 height=19>" 
  295.     } 
  296.   else 
  297.     this.renderOb("")   
  298. } 
  299.  
  300. function drawItem(leftSide) 
  301. { 
  302.   if (browserVersion == 2) 
  303.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hidden>") 
  304.      
  305.   doc.write("<table") 
  306.   if (browserVersion == 1) 
  307.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  308.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  309.   doc.write("<tr><td>") 
  310.   doc.write(leftSide) 
  311.   doc.write("<a href=" + this.link + ">") 
  312.   doc.write("<img id='itemIcon"+this.id+"' ") 
  313.   doc.write("src='"+this.iconSrc+"' border=0>") 
  314.   doc.write("</a>") 
  315.   doc.write("</td><td valign=middle nowrap>") 
  316.   if (USETEXTLINKS) 
  317.     doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  318.   else 
  319.     doc.write(this.desc) 
  320.   doc.write("</table>") 
  321.    
  322.   if (browserVersion == 2) 
  323.     doc.write("</layer>") 
  324.  
  325.   if (browserVersion == 1) { 
  326.     this.navObj = doc.all["item"+this.id] 
  327.     this.iconImg = doc.all["itemIcon"+this.id] 
  328.   } else if (browserVersion == 2) { 
  329.     this.navObj = doc.layers["item"+this.id] 
  330.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  331.     doc.yPos=doc.yPos+this.navObj.clip.height 
  332.   } 
  333. } 
  334.  
  335.  
  336. // Methods common to both objects (pseudo-inheritance) 
  337. // ******************************************************** 
  338.  
  339. function display() 
  340. { 
  341.   if (browserVersion == 1) 
  342.     this.navObj.style.display = "block" 
  343.   else 
  344.     this.navObj.visibility = "show" 
  345. } 
  346.  
  347. function createEntryIndex() 
  348. { 
  349.   this.id = nEntries 
  350.   indexOfEntries[nEntries] = this 
  351.   nEntries++ 
  352. } 
  353.  
  354. // total height of subEntries open 
  355. function totalHeight() //used with browserVersion == 2 
  356. { 
  357.   var h = this.navObj.clip.height 
  358.   var i = 0 
  359.    
  360.   if (this.isOpen) //is a folder and _is_ open 
  361.     for (i=0 ; i < this.nChildren; i++)  
  362.       h = h + this.children[i].totalHeight() 
  363.  
  364.   return h 
  365. } 
  366.  
  367.  
  368. // Events 
  369. // ********************************************************* 
  370.  
  371. function clickOnFolder(folderId) 
  372. { 
  373.   var clicked = indexOfEntries[folderId] 
  374.  
  375.   if (!clicked.isOpen) 
  376.     clickOnNode(folderId) 
  377.  
  378.   return  
  379.  
  380.   if (clicked.isSelected) 
  381.     return 
  382. } 
  383.  
  384. function clickOnNode(folderId) 
  385. { 
  386.   
  387.   var clickedFolder = 0 
  388.   var state = 0 
  389.   var i = 0
  390.  
  391.   clickedFolder = indexOfEntries[folderId] 
  392.   state = clickedFolder.isOpen 
  393.  
  394.   var RootFolder = indexOfEntries[0]
  395.  
  396.   if (AutoClose)
  397.     for (i=0; i<RootFolder.nChildren; i++) 
  398.       if (RootFolder.children[i].isOpen)
  399.         RootFolder.children[i].setState(0) 
  400.  
  401.   clickedFolder.setState(!state) //open<->close  
  402. } 
  403.  
  404. function initializeDocument() 
  405. { 
  406.   if (doc.all) 
  407.     browserVersion = 1 //IE4   
  408.   else 
  409.     if (doc.layers) 
  410.       browserVersion = 2 //NS4 
  411.     else 
  412.       browserVersion = 0 //other 
  413.  
  414.   foldersTree.initialize(0, 1, "") 
  415.   foldersTree.display()
  416.   
  417.   if (browserVersion > 0) 
  418.   { 
  419.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  420.  
  421.     // close the whole tree 
  422.     clickOnNode(0) 
  423.     // open the root folder 
  424.     clickOnNode(0) 
  425.   } 
  426. } 
  427.  
  428. // Auxiliary Functions for Folder-Tree backward compatibility 
  429. // ********************************************************* 
  430.  
  431. function gFld(description, hreference) 
  432. { 
  433.   folder = new Folder(description, hreference)
  434.   return folder 
  435. } 
  436.  
  437. function gLnk(description, linkData) 
  438. { 
  439.   fullLink = "'"+linkData+"' target=\"Main\"" 
  440.  
  441.   linkItem = new Item(description, fullLink)   
  442.   return linkItem 
  443. } 
  444.  
  445. function insFld(parentFolder, childFolder) 
  446. { 
  447.   return parentFolder.addChild(childFolder) 
  448. } 
  449.  
  450. function insDoc(parentFolder, document) 
  451. { 
  452.   parentFolder.addChild(document) 
  453. } 
  454.  
  455. // Global variables 
  456. // **************** 
  457.  
  458. USETEXTLINKS = 1 
  459. indexOfEntries = new Array 
  460. nEntries = 0 
  461. doc = document 
  462. browserVersion = 0 
  463. selectedFolder = 0
  464. AutoClose = 1