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