home *** CD-ROM | disk | FTP | other *** search
/ PC World 2003 February / PCWorld_2003-02_cd.bin / Software / Komercni / gimp / gimpmanual / wwhtree.js < prev   
Encoding:
JavaScript  |  1999-10-25  |  10.0 KB  |  253 lines
  1. // Copyright (c) 1999 Quadralay Corporation.  All rights reserved.
  2. //
  3. // Originally based on and portions copyright (c) 1997, Marcelino 
  4. // Alves Martins (martins@hks.com) "Folder-Tree" script which can 
  5. // located at http://www.geocities.com/Paris/LeftBank/2178/
  6.  
  7. function Folder(folderDescription,hreference,topicID){ 
  8.   this.desc=folderDescription;
  9.   this.hreference=hreference;
  10.   this.id=-1;
  11.   this.navObj=0;
  12.   this.iconImg=0;
  13.   this.nodeImg=0;
  14.   this.isLastNode=0;
  15.   this.isOpen=true;
  16.   this.iconSrc=imgdir+"tocfldo.gif";
  17.   this.children=new Array;
  18.   this.initialize=initializeFolder;
  19.   this.setState=setFolderState;
  20.   this.addChild=addChild;
  21.   this.createIndex=createEntryIndex;
  22.   this.hide=hideFolder;
  23.   this.display=display;
  24.   this.renderOb=drawFolder;
  25.   this.totalHeight=totalHeight;
  26.   this.subEntries=folderSubEntries;
  27.   this.outputLink=outputFolderLink;
  28.   this.type="Folder";
  29.   this.leftSide="";
  30.   this.initialized=false;
  31.   if(topicID)this.topicID=topicID;
  32. } 
  33.  
  34. function setFolderState(isOpen){ 
  35.   if (isOpen==this.isOpen)return; 
  36.   if (isNav4){ 
  37.     var totalHeight=0; 
  38.     for (var i=0;i<this.children.length;i++)totalHeight=totalHeight+this.children[i].navObj.clip.height; 
  39.     if (this.isOpen)totalHeight=0-totalHeight; 
  40.     for (var fIt=this.id+this.subEntries()+1;fIt<indexOfEntries.length;fIt++)indexOfEntries[fIt].navObj.moveBy(0,totalHeight); 
  41.   }  
  42.   this.isOpen=isOpen; 
  43.   propagateChangesInState(this); 
  44. } 
  45. function propagateChangesInState(folder){   
  46.   var i=0; 
  47.   if(folder.isOpen){ 
  48.     if(folder.nodeImg) 
  49.       if(folder.isLastNode)folder.nodeImg.src=imgdir+"tocmlnde.gif"; 
  50.       else folder.nodeImg.src=imgdir+"tocmnode.gif"; 
  51.     folder.iconImg.src=imgdir+"tocfldo.gif"; 
  52.     for(i=0;i<folder.children.length;i++)folder.children[i].display(); 
  53.   }else{ 
  54.     if(folder.nodeImg) 
  55.       if(folder.isLastNode)folder.nodeImg.src=imgdir+"tocplnod.gif"; 
  56.       else folder.nodeImg.src=imgdir+"tocpnode.gif"; 
  57.     folder.iconImg.src=imgdir+"tocfldc.gif"; 
  58.     for(i=0;i<folder.children.length;i++)folder.children[i].hide(); 
  59.   }  
  60. } 
  61. function hideFolder(){ 
  62.    if(isIE4)this.navObj.style.display="none"; 
  63.    else if(isNav4)this.navObj.visibility="hide"; 
  64.    this.setState(false); 
  65. } 
  66. function initializeFolder(level,lastNode,leftSide){ 
  67.    var j=0;
  68.    var i=0;
  69.    var nc=this.children.length;
  70.       
  71.    this.createIndex();
  72.    var auxEv=""; 
  73.    if(isIE4||isNav4)auxEv="<a href='javascript:parent.clickOnNode("+this.id+")'>"; 
  74.    else auxEv="<a>"; 
  75.  
  76.   if(level>0) 
  77.     if(lastNode){ 
  78.       this.leftSide=leftSide+auxEv+"<img name='nodeIcon"+this.id+"' src='"+imgdir+"tocmlnde.gif' width=16 height=22 border=0></a>"; 
  79.       leftSide=leftSide+"<img src='"+imgdir+"tocblank.gif' width=16 height=22>";  
  80.       this.isLastNode=1; 
  81.     }else{ 
  82.       this.leftSide=leftSide+auxEv+"<img name='nodeIcon"+this.id+"' src='"+imgdir+"tocmnode.gif' width=16 height=22 border=0></a>"; 
  83.       leftSide=leftSide+"<img src='"+imgdir+"tocvline.gif' width=16 height=22>"; 
  84.       this.isLastNode=0; 
  85.       } 
  86.   if (nc>0){ 
  87.     level=level+1; 
  88.     for(i=0;i<this.children.length;i++){ 
  89.       if(i==this.children.length-1)this.children[i].initialize(level,true,leftSide); 
  90.       else this.children[i].initialize(level,false,leftSide); 
  91.       } 
  92.   }
  93. } 
  94. function drawFolder(){ 
  95.   if(isNav4){
  96.     if(!tabDisplay.document.yPos)tabDisplay.document.yPos=0;
  97.     tabDisplay.document.write("\n<layer id='folder"+this.id+"' top="+tabDisplay.document.yPos+" visibility=hide>"); 
  98.   }
  99.   tabDisplay.document.write("\n\t<table ");
  100.   if(isIE4)tabDisplay.document.write(" id='folder"+this.id+"' style='position:block;' ");
  101.   tabDisplay.document.write(" border=0 cellspacing=0 cellpadding=0>");
  102.   tabDisplay.document.write("\n\t\t<tr>\n\t\t\t<td");
  103.   // put the IE blur code in here to get rid of the box around the node icon afer a click
  104.   tabDisplay.document.write(">");
  105.   tabDisplay.document.write(this.leftSide);
  106.   this.outputLink();
  107.   tabDisplay.document.write("<img name='folderIcon" + this.id + "' ");
  108.   if(tocalt)tabDisplay.document.write("alt='"+this.desc+"' ");
  109.   tabDisplay.document.write("src='"+this.iconSrc+"' border=0></a>");
  110.   tabDisplay.document.write("</td>\n\t\t\t<td valign=middle nowrap><font  face='"+parent.tff+"' size="+parent.tfs+">"); 
  111.   if(useTOCTextLinks){
  112.     this.outputLink(); 
  113.     tabDisplay.document.write(this.desc+"</a>"); 
  114.   }else tabDisplay.document.write(this.desc); 
  115.   tabDisplay.document.write("</font></td>");  
  116.   tabDisplay.document.write("\n\t\t</tr>\n\t</table>"); 
  117.   if(isNav4)tabDisplay.document.write("\n</layer>"); 
  118.   if(isIE4){ 
  119.     this.navObj=tabDisplay.document.all["folder"+this.id]; 
  120.     this.iconImg=tabDisplay.document.all["folderIcon"+this.id]; 
  121.     this.nodeImg=tabDisplay.document.all["nodeIcon"+this.id]; 
  122.   }else if(isNav4){ 
  123.     this.navObj=tabDisplay.document.layers["folder"+this.id]; 
  124.     this.iconImg=this.navObj.document.images["folderIcon"+this.id]; 
  125.     this.nodeImg=this.navObj.document.images["nodeIcon"+this.id]; 
  126.     tabDisplay.document.yPos=tabDisplay.document.yPos+this.navObj.clip.height; 
  127.   }
  128. } 
  129. function outputFolderLink(){ 
  130.   if(this.hreference){ 
  131.     tabDisplay.document.write("<a href='javascript:parent.displayTOCSelection(\""+this.hreference+"\")'"); 
  132.     if(isIE4||isNav4)tabDisplay.document.write("onClick='javascript:parent.clickOnFolder("+this.id+")'"); 
  133.     tabDisplay.document.write(">"); 
  134.   }else tabDisplay.document.write("<a>"); 
  135. } 
  136. function addChild(childNode){ 
  137.   this.children[this.children.length]=childNode; 
  138.   return childNode; 
  139. } 
  140. function folderSubEntries(){ 
  141.   var i=0; 
  142.   var se=this.children.length; 
  143.   for (i=0;i<this.children.length;i++)if(this.children[i].children)se=se+this.children[i].subEntries(); 
  144.   return se; 
  145. } 
  146. function Item(itemDescription,itemLink,topicID){ 
  147.   this.desc=itemDescription;
  148.   this.link=itemLink;
  149.   this.id=-1;
  150.   this.navObj=0;
  151.   this.iconImg=0;
  152.   this.iconSrc=imgdir+"tocdoc.gif";
  153.   this.initialize=initializeItem;
  154.   this.createIndex=createEntryIndex;
  155.   this.hide=hideItem;
  156.   this.display=display;
  157.   this.renderOb=drawItem;
  158.   this.totalHeight=totalHeight;
  159.   this.type="Item";
  160.   this.isSelected=false;
  161.   this.leftSide="";
  162.   this.topicID=topicID;
  163. } 
  164. function hideItem(){ 
  165.   if(isIE4)this.navObj.style.display="none"; 
  166.   else this.navObj.visibility="hide"; 
  167. } 
  168. function initializeItem(level, lastNode, leftSide){
  169.   this.createIndex();
  170.   if(level>0)
  171.     if(lastNode){
  172.       this.leftSide=leftSide+"<img src='"+imgdir+"toclnode.gif' width=16 height=22>";
  173.       leftSide=leftSide+"<img src='"+imgdir+"tocblank.gif' width=16 height=22>";
  174.     }else{
  175.       this.leftSide=leftSide + "<img src='"+imgdir+"tocnode.gif' width=16 height=22>";
  176.       leftSide=leftSide+"<img src='"+imgdir+"tocvline.gif' width=16 height=22>";
  177.     }else this.renderOb("");
  178. }
  179. function drawItem(){
  180.   if(isNav4)tabDisplay.document.write("\n<layer id='item"+this.id+"' top="+tabDisplay.document.yPos+" visibility=hide>");
  181.   tabDisplay.document.write("\n\t<table ");
  182.   if(isIE4)tabDisplay.document.write(" id='item"+this.id+"' style='position:block;' ");
  183.   tabDisplay.document.write(" border=0 cellspacing=0 cellpadding=0>");
  184.   tabDisplay.document.write("\n\t\t<tr>\n\t\t\t<td>");
  185.   tabDisplay.document.write(this.leftSide);
  186.   tabDisplay.document.write("<a href='javascript:parent.displayTOCSelection(\""+this.link+"\")'>");
  187.   tabDisplay.document.write("<img id='itemIcon"+this.id+"' ");
  188.   if(tocalt)tabDisplay.document.write("alt='"+this.desc+"' ");
  189.   tabDisplay.document.write("src='"+this.iconSrc+"' border=0>");
  190.   tabDisplay.document.write("</a>");
  191.   tabDisplay.document.write("</td>\n\t\t\t<td valign=middle nowrap><font face='"+parent.tff+"' size="+parent.tfs+">");
  192.   if(useTOCTextLinks)tabDisplay.document.write("<a href='javascript:parent.displayTOCSelection(\""+this.link+"\")'>"+this.desc+"</a>");
  193.   else tabDisplay.document.write(this.desc);
  194.   tabDisplay.document.write("</td>\n\t\t</tr>\n\t</table>");
  195.   if(isNav4)tabDisplay.document.write("\n</layer>");
  196.   if(isIE4){
  197.     this.navObj = tabDisplay.document.all["item"+this.id];
  198.     this.iconImg = tabDisplay.document.all["itemIcon"+this.id];
  199.   }else if(isNav4){
  200.     this.navObj = tabDisplay.document.layers["item"+this.id];
  201.     this.iconImg = this.navObj.document.images["itemIcon"+this.id];
  202.     tabDisplay.document.yPos=tabDisplay.document.yPos+this.navObj.clip.height;
  203.   }
  204. }
  205. function display(){
  206.   if(isIE4)this.navObj.style.display="block";
  207.   else this.navObj.visibility="show";
  208. }
  209. function createEntryIndex(){
  210.    this.id=indexOfEntries.length;
  211.    indexOfEntries[indexOfEntries.length]=this;
  212. }
  213. function totalHeight(){
  214.   var h=this.navObj.clip.height;
  215.   if (this.isOpen)for(var i=0;i<this.children.length;i++)h=h+this.children[i].totalHeight();
  216.   return h;
  217. }
  218. function clickOnNode(folderId){
  219.   var clickedFolder=indexOfEntries[folderId];
  220.   clickedFolder.setState(!clickedFolder.isOpen);
  221. }
  222. function clickOnFolder(folderId){
  223.    var clicked=indexOfEntries[folderId];
  224.    if(!clicked.isOpen)clickOnNode(folderId);
  225. } 
  226. function displayTOC(){
  227.    tabDisplay.document.yPos=0;
  228.    foldersTree.renderOb();
  229.    foldersTree.display();
  230.    for (var i=1;i<indexOfEntries.length;i++){
  231.       folderOpen[i]=false;
  232.       if (indexOfEntries[i].type=="Folder"){
  233.          folderOpen[i]=indexOfEntries[i].isOpen;
  234.          indexOfEntries[i].isOpen=true;
  235.       }
  236.       indexOfEntries[i].renderOb();
  237.    }
  238.    if(isNav4)tabDisplay.document.write("\n<layer top="+indexOfEntries[indexOfEntries.length-1].navObj.top+"> \n</layer>");
  239.    foldersTree.setState(false);
  240.    if(foldersTree.initialized){for(var i=0;i<indexOfEntries.length;i++)if(folderOpen[i])indexOfEntries[i].setState(true);}
  241.    else foldersTree.setState(true);
  242.    foldersTree.initialized=true;
  243. }
  244.  
  245.  
  246.  
  247. //**************************************************************** 
  248. // You are free to copy the "Folder-Tree" script as long as you  
  249. // keep this copyright notice: 
  250. // Script found in: http://www.geocities.com/Paris/LeftBank/2178/ 
  251. // Author: Marcelino Alves Martins (martins@hks.com) December '97. 
  252. //**************************************************************** 
  253.