home *** CD-ROM | disk | FTP | other *** search
/ CD Actual 58 / CDA58.iso / scarbol.js < prev    next >
Encoding:
Text File  |  2001-04-11  |  11.0 KB  |  454 lines
  1. function Folder(folderDescription, hreference) //constructor 
  2. { 
  3.   //constant data 
  4.   this.desc = "<p class='textomenu'>"+folderDescription+"</p>"
  5.   this.hreference = hreference 
  6.   this.id = -1   
  7.   this.navObj = 0  
  8.   this.iconImg = 0  
  9.   this.nodeImg = 0  
  10.   this.isLastNode = 0 
  11.  
  12.   //dynamic data 
  13.   this.isOpen = true 
  14.   this.iconSrc = "imagenes/Nulo.gif"   
  15.   this.children = new Array 
  16.   this.nChildren = 0 
  17.  
  18.   //methods 
  19.   this.initialize = initializeFolder 
  20.   this.setState = setStateFolder 
  21.   this.addChild = addChild 
  22.   this.createIndex = createEntryIndex 
  23.   this.hide = hideFolder 
  24.   this.display = display 
  25.   this.renderOb = drawFolder 
  26.   this.totalHeight = totalHeight 
  27.   this.subEntries = folderSubEntries 
  28.   this.outputLink = outputFolderLink 
  29. } 
  30.  
  31. function setStateFolder(isOpen) 
  32. { 
  33.   var subEntries 
  34.   var totalHeight 
  35.   var fIt = 0 
  36.   var i=0 
  37.  
  38.   if (isOpen == this.isOpen) 
  39.     return 
  40.  
  41.   if (browserVersion == 2)  
  42.   { 
  43.     totalHeight = 0 
  44.     for (i=0; i < this.nChildren; i++) 
  45.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  46.       subEntries = this.subEntries() 
  47.     if (this.isOpen) 
  48.       totalHeight = 0 - totalHeight 
  49.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  50.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  51.   }  
  52.   this.isOpen = isOpen 
  53.   propagateChangesInState(this) 
  54. } 
  55.  
  56. function propagateChangesInState(folder) 
  57. {   
  58.   var i=0 
  59.  
  60.   if (folder.isOpen) 
  61.   { 
  62.     if (folder.nodeImg) 
  63.       if (folder.isLastNode) 
  64.         folder.nodeImg.src = "imagenes/Nulo.gif" 
  65.       else 
  66.       folder.nodeImg.src = "imagenes/Nulo.gif" 
  67.  
  68.     if (folder.id == 0)
  69.        folder.iconImg.src = "imagenes/Nulo.gif" 
  70.     else
  71.        folder.iconImg.src = "imagenes/Nulo.gif" 
  72.  
  73.     for (i=0; i<folder.nChildren; i++) 
  74.       folder.children[i].display() 
  75.   } 
  76.   else 
  77.   { 
  78.     if (folder.nodeImg) 
  79.       if (folder.isLastNode) 
  80.         folder.nodeImg.src = "imagenes/Nulo.gif" 
  81.       else 
  82.       folder.nodeImg.src = "imagenes/Nulo.gif" 
  83.  
  84.     if (folder.id == 0)
  85.        folder.iconImg.src = "imagenes/Nulo.gif" 
  86.     else
  87.        folder.iconImg.src = "imagenes/Nulo.gif" 
  88.  
  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 == "hiden") 
  102.       return 
  103.     this.navObj.visibility = "hiden" 
  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='imagenes/Nulo.gif' width=10 height=16 border=0></a>") 
  132.       leftSide = leftSide + "<img src='imagenes/Nulo.gif' width=10 height=16>"  
  133.       this.isLastNode = 1 
  134.     } 
  135.     else 
  136.     { 
  137.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='imagenes/Nulo.gif' width=10 height=16 border=0></a>") 
  138.       leftSide = leftSide + "<img src='imagenes/Nulo.gif' width=10 height=16>" 
  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=8 
  162.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  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.   this.outputLink() 
  172.   doc.write("<img name='folderIcon" + this.id + "' ") 
  173.   doc.write("src='" + this.iconSrc+"' border=0></a>") 
  174.   doc.write("</td><td valign=middle nowrap>") 
  175.   if (USETEXTLINKS) 
  176.   { 
  177.     this.outputLink() 
  178.     doc.write(this.desc + "</a>") 
  179.   } 
  180.   else 
  181.     doc.write(this.desc) 
  182.   doc.write("</td>")  
  183.   doc.write("</table>") 
  184.    
  185.   if (browserVersion == 2) { 
  186.     doc.write("</layer>") 
  187.   } 
  188.  
  189.   if (browserVersion == 1) { 
  190.     this.navObj = doc.all["folder"+this.id] 
  191.     this.iconImg = doc.all["folderIcon"+this.id] 
  192.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  193.   } else if (browserVersion == 2) { 
  194.     this.navObj = doc.layers["folder"+this.id] 
  195.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  196.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  197.     doc.yPos=doc.yPos+this.navObj.clip.height 
  198.   } 
  199. } 
  200.  
  201. function outputFolderLink() 
  202. { 
  203.   if (this.hreference) 
  204.   { 
  205.     doc.write("<a href='" + this.hreference + "' TARGET=\"mainFrame\" ") 
  206.     if (browserVersion > 0) 
  207.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  208.     doc.write(">") 
  209.   } 
  210.   else 
  211.   {
  212.     //doc.write("<a>") 
  213.     doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  214.   }
  215. } 
  216.  
  217. function addChild(childNode) 
  218. { 
  219.   this.children[this.nChildren] = childNode 
  220.   this.nChildren++ 
  221.   return childNode 
  222. } 
  223.  
  224. function folderSubEntries() 
  225. { 
  226.   var i = 0 
  227.   var se = this.nChildren 
  228.  
  229.   for (i=0; i < this.nChildren; i++){ 
  230.     if (this.children[i].children) //is a folder 
  231.       se = se + this.children[i].subEntries() 
  232.   } 
  233.  
  234.   return se 
  235. } 
  236.  
  237.  
  238. // Definition of class Item (a document or link inside a Folder) 
  239. // ************************************************************* 
  240.  
  241. function Item(itemDescription, itemLink) // Constructor 
  242. { 
  243.   // constant data 
  244.   this.desc = "<p class='textomenu1'>"+itemDescription+"</p>"
  245.   this.link = itemLink 
  246.   this.id = -1 //initialized in initalize() 
  247.   this.navObj = 0 //initialized in render() 
  248.   this.iconImg = 0 //initialized in render() 
  249.   this.iconSrc = "imagenes/Nulo.gif" 
  250.  
  251.   // methods 
  252.   this.initialize = initializeItem 
  253.   this.createIndex = createEntryIndex 
  254.   this.hide = hideItem 
  255.   this.display = display 
  256.   this.renderOb = drawItem 
  257.   this.totalHeight = totalHeight 
  258. } 
  259.  
  260. function hideItem() 
  261. { 
  262.   if (browserVersion == 1) { 
  263.     if (this.navObj.style.display == "none") 
  264.       return 
  265.     this.navObj.style.display = "none" 
  266.   } else { 
  267.     if (this.navObj.visibility == "hiden") 
  268.       return 
  269.     this.navObj.visibility = "hiden" 
  270.   }     
  271. } 
  272.  
  273. function initializeItem(level, lastNode, leftSide) 
  274. {  
  275.   this.createIndex() 
  276.  
  277.   if (level>0) 
  278.     if (lastNode) //the last 'brother' in the children array 
  279.     { 
  280.       this.renderOb(leftSide + "<img src='imagenes/Nulo.gif' width=10 height=16>") 
  281.       leftSide = leftSide + "<img src='imagenes/blank.gif'>"  
  282.     } 
  283.     else 
  284.     { 
  285.       this.renderOb(leftSide + "<img src='imagenes/Nulo.gif' width=10 height=16>") 
  286.       leftSide = leftSide + "<img src='imagenes/Nulo.gif'>" 
  287.     } 
  288.   else 
  289.     this.renderOb("")   
  290. } 
  291.  
  292. function drawItem(leftSide) 
  293. { 
  294.   if (browserVersion == 2) 
  295.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  296.      
  297.   doc.write("<table ") 
  298.   if (browserVersion == 1) 
  299.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  300.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  301.   doc.write("<tr><td>") 
  302.   doc.write(leftSide) 
  303.   doc.write("<a href=" + this.link + ">") 
  304.   doc.write("<img id='itemIcon"+this.id+"' ") 
  305.   doc.write("src='"+this.iconSrc+"' border=0>") 
  306.   doc.write("</a>") 
  307.   doc.write("</td><td valign=middle nowrap>") 
  308.   if (USETEXTLINKS) 
  309.     doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  310.   else 
  311.     doc.write(this.desc) 
  312.   doc.write("</table>") 
  313.    
  314.   if (browserVersion == 2) 
  315.     doc.write("</layer>") 
  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.   } 
  325. } 
  326.  
  327.  
  328. // Methods common to both objects (pseudo-inheritance) 
  329. // ******************************************************** 
  330.  
  331. function display() 
  332. { 
  333.   if (browserVersion == 1) 
  334.     this.navObj.style.display = "block" 
  335.   else 
  336.     this.navObj.visibility = "show" 
  337. } 
  338.  
  339. function createEntryIndex() 
  340. { 
  341.   this.id = nEntries 
  342.   indexOfEntries[nEntries] = this 
  343.   nEntries++ 
  344. } 
  345.  
  346. // total height of subEntries open 
  347. function totalHeight() //used with browserVersion == 2 
  348. { 
  349.   var h = this.navObj.clip.height 
  350.   var i = 0 
  351.    
  352.   if (this.isOpen) //is a folder and _is_ open 
  353.     for (i=0 ; i < this.nChildren; i++)  
  354.       h = h + this.children[i].totalHeight() 
  355.  
  356.   return h 
  357. } 
  358.  
  359.  
  360. function clickOnFolder(folderId) 
  361. { 
  362.   var clicked = indexOfEntries[folderId] 
  363.  
  364.  // if (!clicked.isOpen) 
  365.     clickOnNode(folderId) 
  366.  
  367.   return  
  368.  
  369.   if (clicked.isSelected) 
  370.     return 
  371. } 
  372.  
  373. function clickOnNode(folderId) 
  374. { 
  375.   var clickedFolder = 0 
  376.   var state = 0 
  377.  
  378.   clickedFolder = indexOfEntries[folderId] 
  379.   state = clickedFolder.isOpen 
  380.  
  381.   clickedFolder.setState(!state) //open<->close  
  382. } 
  383.  
  384. function initializeDocument() 
  385. { 
  386.   if (doc.all) 
  387.     browserVersion = 1 //IE4   
  388.   else 
  389.     if (doc.layers) 
  390.       browserVersion = 2 //NS4 
  391.     else 
  392.       browserVersion = 0 //other 
  393.  
  394.   cabecera.initialize(0, 1, "") 
  395.   cabecera.display()
  396.  
  397.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  398.  
  399.   if (browserVersion > 0) 
  400.   { 
  401.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>")  
  402.     // close the whole tree 
  403.     clickOnNode(0) 
  404.     clickOnNode(0) 
  405.   } 
  406.  
  407. } 
  408.  
  409.  
  410.  
  411. function gFld(description, hreference) 
  412. { 
  413.   folder = new Folder(description, hreference) 
  414.   return folder 
  415. } 
  416.  
  417. function gLnk(target, description, linkData) 
  418. { 
  419.   fullLink = "" 
  420.  
  421.   if (target==0) 
  422.   { 
  423.     fullLink = "'"+linkData+"' target=\"mainFrame\"" 
  424.   } 
  425.   else 
  426.   { 
  427.     if (target==1) 
  428.        fullLink = "'http://"+linkData+"' target=_blank" 
  429.     else 
  430.        fullLink = "'http://"+linkData+"' target=\"mainFrame\"" 
  431.   } 
  432.  
  433.   linkItem = new Item(description, fullLink)   
  434.   return linkItem 
  435. } 
  436.  
  437. function insFld(parentFolder, childFolder) 
  438. { 
  439.   return parentFolder.addChild(childFolder) 
  440. } 
  441.  
  442. function insDoc(parentFolder, document) 
  443. { 
  444.   parentFolder.addChild(document) 
  445. } 
  446.  
  447.  
  448. USETEXTLINKS = 1 
  449. indexOfEntries = new Array 
  450. nEntries = 0 
  451. doc = document 
  452. browserVersion = 0 
  453. selectedFolder=0
  454.