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