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