home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 May / Chip_2003-05_cd1.bin / bonus / www.paladix.cz / obchod / class.tree / ftiens4.js next >
Encoding:
JavaScript  |  2003-04-06  |  14.1 KB  |  540 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/marcelino_martins/foldertree.html
  5. // Author: Marcelino Alves Martins (http://www.mmartins.com) 
  6. // 1997--2001. 
  7. // Modified: Patrick Hess (posi@posi.de) March 2000, October 2001^M
  8. //           changed: global variables define the path to the^M
  9. //                    .gif files (classPath), the names of the^M
  10. //                    images (ftv2folderopen, ftv2*, ...) and the^M
  11. //                    destination frame (basefrm)^M
  12. //**************************************************************** 
  13. //
  14. // For PALADIX: Petr Pazour, 2002/01 
  15. //
  16. //**************************************************************** 
  17.  
  18. // Definition of class Folder 
  19. // ***************************************************************** 
  20.  
  21. function Folder(folderDescription, hreference, act) //constructor 
  22. { 
  23.   //constant data 
  24.   this.desc = folderDescription 
  25.   this.hreference = hreference 
  26.   this.act = act
  27.   this.id = -1   
  28.   this.navObj = 0  
  29.   this.iconImg = 0  
  30.   this.nodeImg = 0  
  31.   this.isLastNode = 0 
  32.  
  33.   //dynamic data 
  34.   this.isOpen = true 
  35.   this.iconSrc = classPath + "/" + ftv2folderopen  
  36.   this.children = new Array 
  37.   this.nChildren = 0 
  38.  
  39.   //methods 
  40.   this.initialize = initializeFolder 
  41.   this.setState = setStateFolder 
  42.   this.addChild = addChild 
  43.   this.createIndex = createEntryIndex 
  44.   this.escondeBlock = escondeBlock
  45.   this.esconde = escondeFolder 
  46.   this.mostra = mostra 
  47.   this.renderOb = drawFolder 
  48.   this.totalHeight = totalHeight 
  49.   this.subEntries = folderSubEntries 
  50.   this.outputLink = outputFolderLink 
  51.   this.blockStart = blockStart
  52.   this.blockEnd = blockEnd
  53. } 
  54.  
  55. function initializeFolder(level, lastNode, leftSide) 
  56. { 
  57.   var j=0 
  58.   var i=0 
  59.   var numberOfFolders 
  60.   var numberOfDocs 
  61.   var nc 
  62.       
  63.   nc = this.nChildren 
  64.    
  65.   this.createIndex() 
  66.  
  67.   var auxEv = "" 
  68.  
  69.   if (browserVersion > 0) 
  70.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  71.   else 
  72.     auxEv = "<a>" 
  73.  
  74.   if (level>0) 
  75.     if (lastNode) //the last child in the children array 
  76.     { 
  77.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + classPath + "/" + ftv2mlastnode + "' width=16 height=22 border=0></a>") 
  78.       leftSide = leftSide + "<img src='" + classPath + "/" + ftv2blank + "' width=16 height=22>"  
  79.       this.isLastNode = 1 
  80.     } 
  81.     else 
  82.     { 
  83.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + classPath + "/" + ftv2mnode + "' width=16 height=22 border=0></a>") 
  84.       leftSide = leftSide + "<img src='" + classPath + "/" + ftv2vertline + "' width=16 height=22>" 
  85.       this.isLastNode = 0 
  86.     } 
  87.   else 
  88.     this.renderOb("") 
  89.    
  90.   if (nc > 0) 
  91.   { 
  92.     level = level + 1 
  93.     for (i=0 ; i < this.nChildren; i++)  
  94.     { 
  95.       if (i == this.nChildren-1) 
  96.         this.children[i].initialize(level, 1, leftSide) 
  97.       else 
  98.         this.children[i].initialize(level, 0, leftSide) 
  99.       } 
  100.   } 
  101. } 
  102.  
  103. function setStateFolder(isOpen) 
  104. { 
  105.   var subEntries 
  106.   var totalHeight 
  107.   var fIt = 0 
  108.   var i=0 
  109.  
  110.   if (isOpen == this.isOpen) 
  111.     return 
  112.  
  113.   if (browserVersion == 2)  
  114.   { 
  115.     totalHeight = 0 
  116.     for (i=0; i < this.nChildren; i++) 
  117.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  118.       subEntries = this.subEntries() 
  119.     if (this.isOpen) 
  120.       totalHeight = 0 - totalHeight 
  121.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  122.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  123.   }  
  124.   this.isOpen = isOpen 
  125.   propagateChangesInState(this) 
  126. } 
  127.  
  128. function propagateChangesInState(folder) 
  129. {   
  130.   var i=0 
  131.  
  132.   if (folder.isOpen) 
  133.   { 
  134.     if (folder.nodeImg) 
  135.       if (folder.isLastNode) 
  136.         folder.nodeImg.src = classPath + "/"  + ftv2mlastnode 
  137.       else 
  138.     folder.nodeImg.src = classPath + "/" + ftv2mnode 
  139.     folder.iconImg.src = classPath + "/" + ftv2folderopen 
  140.     for (i=0; i<folder.nChildren; i++) 
  141.       folder.children[i].mostra() 
  142.   } 
  143.   else 
  144.   { 
  145.     if (folder.nodeImg) 
  146.       if (folder.isLastNode) 
  147.         folder.nodeImg.src = classPath + "/" + ftv2plastnode 
  148.       else 
  149.         folder.nodeImg.src = classPath + "/" + ftv2pnode 
  150.     folder.iconImg.src = classPath + "/" + ftv2folderclosed  
  151.     for (i=0; i<folder.nChildren; i++) 
  152.       folder.children[i].esconde() 
  153.   }  
  154. } 
  155.  
  156. function escondeFolder() 
  157. { 
  158.   this.escondeBlock()
  159.    
  160.   this.setState(0) 
  161. } 
  162.  
  163. function drawFolder(leftSide) 
  164. { 
  165.  
  166.   var idParam = "id='folder" + this.id + "'"
  167.  
  168.   if (browserVersion == 2) { 
  169.     if (!doc.yPos) 
  170.       doc.yPos=20 
  171.   } 
  172.  
  173.   this.blockStart("folder")
  174.  
  175.   doc.write("<tr><td>") 
  176.   doc.write(leftSide) 
  177.   this.outputLink() 
  178.   doc.write("<img id='folderIcon" + this.id + "' name='folderIcon" + this.id + "' src='" + this.iconSrc+"' border=0></a>") 
  179. //  doc.write("</td><td valign=middle nowrap>") 
  180.   doc.write("</td><td valign=middle class=small>") 
  181.   if (USETEXTLINKS) 
  182.   { 
  183.     this.outputLink() 
  184.     if(this.act ==1) {
  185.         doc.write("<b>" + this.desc + "</b></a>")
  186.     } else {
  187.         doc.write(this.desc + "</a>")    
  188.     }
  189.   } 
  190.   else 
  191.     doc.write(this.desc) 
  192.   doc.write("</td>")  
  193.  
  194.   this.blockEnd()
  195.  
  196.   if (browserVersion == 1) { 
  197.     this.navObj = doc.all["folder"+this.id] 
  198.     this.iconImg = doc.all["folderIcon"+this.id] 
  199.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  200.   } else if (browserVersion == 2) { 
  201.     this.navObj = doc.layers["folder"+this.id] 
  202.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  203.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  204.     doc.yPos=doc.yPos+this.navObj.clip.height 
  205.   } else if (browserVersion == 3) { 
  206.     this.navObj = doc.getElementById("folder"+this.id)
  207.     this.iconImg = doc.getElementById("folderIcon"+this.id) 
  208.     this.nodeImg = doc.getElementById("nodeIcon"+this.id)
  209.   } 
  210. } 
  211.  
  212. function outputFolderLink() 
  213. { 
  214. /*
  215.   if (this.hreference) 
  216.   { 
  217.     doc.write("<a href='" + this.hreference + "' TARGET=\""+basefrm+"\" ") 
  218.     if (browserVersion > 0) 
  219.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  220.     doc.write(">") 
  221.   } 
  222.   else 
  223.     doc.write("<a>") 
  224. */
  225. //  doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  226.     doc.write("<a href='javascript:clickOnNode("+this.id+")'>") 
  227. } 
  228.  
  229. function addChild(childNode) 
  230. { 
  231.   this.children[this.nChildren] = childNode 
  232.   this.nChildren++ 
  233.   return childNode 
  234. } 
  235.  
  236. function folderSubEntries() 
  237. { 
  238.   var i = 0 
  239.   var se = this.nChildren 
  240.  
  241.   for (i=0; i < this.nChildren; i++){ 
  242.     if (this.children[i].children) //is a folder 
  243.       se = se + this.children[i].subEntries() 
  244.   } 
  245.  
  246.   return se 
  247. } 
  248.  
  249.  
  250. // Definition of class Item (a document or link inside a Folder) 
  251. // ************************************************************* 
  252.  
  253. function Item(itemDescription, itemLink, itemAct) // Constructor 
  254. { 
  255.   // constant data 
  256.   this.desc = itemDescription 
  257.   this.link = itemLink 
  258.   this.act = itemAct
  259.   this.id = -1 //initialized in initalize() 
  260.   this.navObj = 0 //initialized in render() 
  261.   this.iconImg = 0 //initialized in render() 
  262.   this.iconSrc = classPath + "/" + ftv2doc 
  263.  
  264.   // methods 
  265.   this.initialize = initializeItem 
  266.   this.createIndex = createEntryIndex 
  267.   this.esconde = escondeBlock
  268.   this.mostra = mostra 
  269.   this.renderOb = drawItem 
  270.   this.totalHeight = totalHeight 
  271.   this.blockStart = blockStart
  272.   this.blockEnd = blockEnd
  273. } 
  274.  
  275. function initializeItem(level, lastNode, leftSide) 
  276. {  
  277.   this.createIndex() 
  278.  
  279.   if (level>0) 
  280.     if (lastNode) //the last 'brother' in the children array 
  281.     { 
  282.       this.renderOb(leftSide + "<img src='" + classPath + "/" + ftv2lastnode + "' width=16 height=22>") 
  283.       leftSide = leftSide + "<img src='" + classPath + "/" + ftv2blank + "' width=16 height=22>"  
  284.     } 
  285.     else 
  286.     { 
  287.       this.renderOb(leftSide + "<img src='" + classPath + "/" + ftv2node + "' width=16 height=22>") 
  288.       leftSide = leftSide + "<img src='" + classPath + "/" + ftv2vertline + "' width=16 height=22>" 
  289.     } 
  290.   else 
  291.     this.renderOb("")   
  292. } 
  293.  
  294. function drawItem(leftSide) 
  295. { 
  296.   this.blockStart("item")
  297.  
  298.   doc.write("<tr><td>") 
  299.   doc.write(leftSide) 
  300.   doc.write("<a href=" + this.link + ">") 
  301.   doc.write("<img id='itemIcon"+this.id+"' ") 
  302.   doc.write("src='"+this.iconSrc+"' border=0>") 
  303.   doc.write("</a>") 
  304. //  doc.write("</td><td valign=middle nowrap>") 
  305.   doc.write("</td><td valign=middle class=small>") 
  306.   if (USETEXTLINKS) 
  307.     if(this.act ==1) {
  308.         doc.write("<a href=" + this.link + "><b>" + this.desc + "</b></a>") 
  309.     } else {
  310.         doc.write("<a href=" + this.link + ">" + this.desc + "</a>")     
  311.     }
  312.   else 
  313.     doc.write(this.desc) 
  314.  
  315.   this.blockEnd()
  316.  
  317.   if (browserVersion == 1) { 
  318.     this.navObj = doc.all["item"+this.id] 
  319.     this.iconImg = doc.all["itemIcon"+this.id] 
  320.   } else if (browserVersion == 2) { 
  321.     this.navObj = doc.layers["item"+this.id] 
  322.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  323.     doc.yPos=doc.yPos+this.navObj.clip.height 
  324.   } else if (browserVersion == 3) { 
  325.     this.navObj = doc.getElementById("item"+this.id)
  326.     this.iconImg = doc.getElementById("itemIcon"+this.id)
  327.   } 
  328. } 
  329.  
  330.  
  331. // Methods common to both objects (pseudo-inheritance) 
  332. // ******************************************************** 
  333.  
  334. function mostra() 
  335. { 
  336.   if (browserVersion == 1 || browserVersion == 3) 
  337.     this.navObj.style.display = "block" 
  338.   else 
  339.     this.navObj.visibility = "show" 
  340. } 
  341.  
  342. function escondeBlock() 
  343. { 
  344.   if (browserVersion == 1 || browserVersion == 3) { 
  345.     if (this.navObj.style.display == "none") 
  346.       return 
  347.     this.navObj.style.display = "none" 
  348.   } else { 
  349.     if (this.navObj.visibility == "hidden") 
  350.       return 
  351.     this.navObj.visibility = "hidden" 
  352.   }     
  353. } 
  354.  
  355. function blockStart(idprefix) {
  356.   var idParam = "id='" + idprefix + this.id + "'"
  357.  
  358.   if (browserVersion == 2) 
  359.     doc.write("<layer "+ idParam + " top=" + doc.yPos + " visibility=show>") 
  360.      
  361.   if (browserVersion == 3) //N6 has bug on display property with tables
  362.     doc.write("<div " + idParam + " style='display:block; position:block;'>")
  363.      
  364.   doc.write("<table border=0 cellspacing=0 cellpadding=0 ") 
  365.  
  366.   if (browserVersion == 1) 
  367.     doc.write(idParam + " style='display:block; position:block; '>") 
  368.   else
  369.     doc.write(">") 
  370. }
  371.  
  372. function blockEnd() {
  373.   doc.write("</table>") 
  374.    
  375.   if (browserVersion == 2) 
  376.     doc.write("</layer>") 
  377.   if (browserVersion == 3) 
  378.     doc.write("</div>") 
  379. }
  380.  
  381. function createEntryIndex() 
  382. { 
  383.   this.id = nEntries 
  384.   indexOfEntries[nEntries] = this 
  385.   nEntries++ 
  386. } 
  387.  
  388. // total height of subEntries open 
  389. function totalHeight() //used with browserVersion == 2 
  390. { 
  391.   var h = this.navObj.clip.height 
  392.   var i = 0 
  393.    
  394.   if (this.isOpen) //is a folder and _is_ open 
  395.     for (i=0 ; i < this.nChildren; i++)  
  396.       h = h + this.children[i].totalHeight() 
  397.  
  398.   return h 
  399. } 
  400.  
  401.  
  402. // Events 
  403. // ********************************************************* 
  404.  
  405. function clickOnFolder(folderId) 
  406. { 
  407.   var clicked = indexOfEntries[folderId] 
  408.  
  409.   if (!clicked.isOpen) 
  410.     clickOnNode(folderId) 
  411.  
  412.   return  
  413.  
  414.   if (clicked.isSelected) 
  415.     return 
  416. } 
  417.  
  418. function clickOnNode(folderId) 
  419. { 
  420.   var clickedFolder = 0 
  421.   var state = 0 
  422.  
  423.   clickedFolder = indexOfEntries[folderId] 
  424.   state = clickedFolder.isOpen 
  425.  
  426.   clickedFolder.setState(!state) //open<->close  
  427. } 
  428.  
  429.  
  430. // Auxiliary Functions for Folder-Tree backward compatibility 
  431. // *********************************************************** 
  432.  
  433. function gFld(description, hreference, act) 
  434. { 
  435.   folder = new Folder(description, hreference, act) 
  436.   return folder 
  437. } 
  438.  
  439. function gLnk(target, description, linkData, act) 
  440. { 
  441.   fullLink = "" 
  442. /* 
  443.  // PP 
  444.   if (target==0) 
  445.   { 
  446.     fullLink = "'"+linkData+"' target=\""+basefrm+"\"" 
  447.   } 
  448.   else 
  449.   { 
  450.     if (target==1) 
  451.        fullLink = "'http://"+linkData+"' target=_blank" 
  452.     else 
  453.        fullLink = "'http://"+linkData+"' target=\""+basefrm+"\"" 
  454.   } 
  455. */
  456.     myRe=/^http:\/\//i;
  457.  
  458.     if(isNaN(linkData)) {
  459.         if(myRe.test("linkData")) {
  460.             fullLink = "'"+linkData+"' target=\"_new\""
  461.         } else {
  462.             fullLink = "'"+linkData+"' target=\""+basefrm+"\""
  463.         }
  464.     } else {
  465.         fullLink = "'http://www.paladix.cz/obchod/index.php?idr="+linkData+"' target=\""+basefrm+"\""
  466.     }    
  467.  
  468.   linkItem = new Item(description, fullLink, act)   
  469.   return linkItem 
  470. } 
  471.  
  472. function insFld(parentFolder, childFolder) 
  473. { 
  474.   return parentFolder.addChild(childFolder) 
  475. } 
  476.  
  477. function insDoc(parentFolder, document) 
  478. { 
  479.   parentFolder.addChild(document) 
  480. } 
  481.  
  482.  
  483. // Global variables 
  484. // **************** 
  485.  
  486. //These two variables are overwriten on defineMyTree.js if needed be
  487. //USETEXTLINKS = 0 
  488. //STARTALLOPEN = 0
  489. indexOfEntries = new Array 
  490. nEntries = 0 
  491. doc = document 
  492. browserVersion = 0 
  493. selectedFolder=0
  494.  
  495.  
  496. // Main function
  497. // ************* 
  498.  
  499. // This function uses an object (navigator) defined in
  500. // ua.js, imported in the main html page (left frame).
  501. function initializeDocument() 
  502. { 
  503.   switch(navigator.family)
  504.   {
  505.     case 'ie4':
  506.       browserVersion = 1 //IE4   
  507.       break;
  508.     case 'nn4':
  509.       browserVersion = 2 //NS4 
  510.       break;
  511.     case 'gecko':
  512.       browserVersion = 3 //NS6
  513.       break;
  514.     default:
  515.       browserVersion = 0 //other 
  516.       break;
  517.   }      
  518.  
  519.   //foldersTree (with the site's data) is created in an external .js 
  520.   foldersTree.initialize(0, 1, "") 
  521.   
  522.   if (browserVersion == 2) 
  523.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  524.  
  525.   //The tree starts in full display 
  526.   if (!STARTALLOPEN)
  527.       if (browserVersion > 0) {
  528.         // close the whole tree 
  529.         clickOnNode(0) 
  530.         // open the root folder 
  531.         clickOnNode(0) 
  532.       } 
  533.  
  534.   /* not used, ph 10/2001
  535.   if (browserVersion == 0) 
  536.     doc.write("<table border=0><tr><td><br><br><font size=-1>This tree only expands or contracts with DHTML capable browsers</font></table>")
  537.   */
  538. } 
  539.  
  540.