Java script 可以在這求助嗎?

1833

一個網頁目錄的模組 tree menu java script，原本是網頁建置百寶箱的範例，網站已年久失修沒在運作，個人覺得此目錄模組簡單好用，但是僅能在IE上面顯示。

我將範例放在個人的免費網頁空間裡，截取裡面java script檔，是不是能麻煩看得懂java script的大大，指導一下能否將這java script修改成其他瀏覽器(Firefox，Google Chrome，Safari)也能使用。 多謝啦

樹狀目錄範例


java script file: new_tree_core.js

1. // Author : linss<linss@ms1.url.com.tw>   LastModified : 2003/06/10
   
2. document.write("<div id="TreeScr" style="behavior:url(#default#download)"></div><table bor\
   
3. der="0" cellpadding="0" cellspacing="0"><tr><td><div id="TreeRoot"></div><div id="Tre\
   
4. eTemp_0"></div></td></tr></table>")
   
5. var IconPath, TreeFile, TreeLeft, TreeTop
   
6. var TmpStr_0, TmpStr_1, LastIndex
   
7. var RootItem, RootLink
   
8. var NodeItem, VertLine, NodeIcon, ItemIcon, NodeLink, NodeEvent, SwapEvent, ChildNode, TempHTML
   
9. 
   
10. function onDownloadDone(scriptText){
    
11. TmpStr_0 = scriptText.replace(/^[\s]+/g,"").replace(/[\s]+$/g,"").split("\n")
    
12. RootItem = TmpStr_0[0].replace(/^[\s]+/g,"").replace(/[\s]+$/g,"").split(",")
    
13. RootLink = (RootItem[2])?
    
14. " href=""+RootItem[2]+"" target=""+RootItem[3]+"" onMouseOver="Hilight('Over','Link_0');t\
    
15. op.status='"+RootItem[0]+"';return true" onMouseOut="Hilight('Out','Link_0');top.status=''"\
    
16. onMouseUp="Hilight('Down','Link_0');top.status=''"":
    
17. " href="javascript:void(0)" onMouseOut="Hilight('Out','Link_0');top.status=''" onMouseOver\
    
18. ="Hilight('Over','Link_0');top.status='"+RootItem[0]+"';return true" onMouseUp="Hilight('Do\
    
19. wn','Link_0');top.status=''""
    
20. TreeRoot.innerHTML = "<table border="0" cellpadding="0" cellspacing="1"><tr><td width="\
    
21. 16" height="16"><a"+RootLink+" hidefocus="true"><img height="16" width="16" align="t\
    
22. exttop" src=""+IconPath+RootItem[1].replace(/^[\s]+/g,"").replace(/[\s]+$/g,"")+".gif" bord\
    
23. er=0></a></td><td height="16"><div class="TreeLink"><a"+RootLink+" id="Link_0" class="T\
    
24. ree_Out" hidefocus="true">"+RootItem[0]+"</a></div></td></tr></table>"
    
25. 
    
26. //自動載入圖示
    
27. var IconTemper = new Array()
    
28. var IconReader = new Array()
    
29. var IconLoader = new Array()
    
30. for(p=0;p<TmpStr_0.length;p++){
    
31. IconTemper[p] = TmpStr_0[p].split(",")
    
32. IconReader[p] = IconTemper[p][1].replace(/^[\s]+/g,"").replace(/[\s]+$/g,"")
    
33. }
    
34. IconTemper = IconReader.join()
    
35. IconLoader[0] = "new_tree_node_e_0"
    
36. IconLoader[1] = "new_tree_node_e_1"
    
37. IconLoader[2] = "new_tree_node_e_2"
    
38. IconLoader[3] = "new_tree_node_n_0"
    
39. IconLoader[4] = "new_tree_node_n_1"
    
40. IconLoader[5] = "new_tree_node_n_2"
    
41. IconLoader[6] = "new_tree_vert"
    
42. IconLoader[7] = "folder_on"        //資料夾開啟圖示，若有必要請自行更改。
    
43. IconLoader[8] = "folder_off"        //資料夾關閉圖示，若有必要請自行更改。
    
44. Collection = IconLoader.join()
    
45. n = IconLoader.length
    
46. for(l=0;l<IconReader.length;l++){
    
47. if(!Collection.match(IconReader[l])){
    
48. if(IconTemper.match(IconReader[l])){
    
49. IconLoader[n] = IconReader[l]
    
50. Collection = IconLoader.join()
    
51. }
    
52. n++
    
53. }
    
54. }
    
55. 
    
56. var PreloadIcons = new Array()
    
57. for(c=0;c<IconLoader.length;c++){
    
58. PreloadIcons[c] = new Image()
    
59. PreloadIcons[c].src = eval('IconPath+IconLoader[c]+".gif"')
    
60. }
    
61. 
    
62. BuildTree(0,0,0,TmpStr_0.length,false)
    
63. }
    
64. 
    
65. //建立樹狀目錄
    
66. function BuildTree(Step,ToPos,Tree_S,Tree_E,Icon){
    
67. if(eval('TreeTemp_'+ToPos).innerHTML){
    
68. eval('TreeTemp_'+ToPos).style.display = (eval('TreeTemp_'+ToPos).style.display=="block")?
    
69. "none":
    
70. "block"
    
71. eval('TreeIcon_'+ToPos).src = (eval('TreeTemp_'+ToPos).style.display=="block")?
    
72. IconPath+Icon+"_on.gif":
    
73. IconPath+Icon+"_off.gif"
    
74. eval('TreeNode_'+ToPos).src = (eval('TreeTemp_'+ToPos).style.display=="block")?
    
75. eval('TreeNode_'+ToPos).src.replace("_1","_2"):
    
76. eval('TreeNode_'+ToPos).src.replace("_2","_1")
    
77. }else{
    
78. TmpStr_1 = new Array
    
79. var j = 0, k = 0
    
80. for(i=Tree_S;i<Tree_E;i++){
    
81. TmpStr_0[i] = TmpStr_0[i].replace(/^[\s]+/g,"").replace(/[\s]+$/g,"")
    
82. if(TmpStr_0[i].search("├")==Step||TmpStr_0[i].search("└")==Step){
    
83. TmpStr_1[j] = new Array
    
84. TmpStr_1[j][0] = TmpStr_0[i]
    
85. TmpStr_1[j][1] = k
    
86. j++
    
87. }else
    
88. if(TmpStr_0[i].search("├")>Step||TmpStr_0[i].search("└")>Step){
    
89. k++
    
90. TmpStr_1[j-1][1] = TmpStr_1[j-1][1]+1
    
91. }
    
92. k=0
    
93. }
    
94. var v = (Tree_S)?
    
95. Tree_S:
    
96. Tree_S+1
    
97. for(i=0;i<TmpStr_1.length;i++){
    
98. NodeItem = TmpStr_1[i][0].replace(/[├└│　]/g,"").split(",")
    
99. VertLine = (i==TmpStr_1.length-1)?
    
100. "":
     
101. "background=""+IconPath+"new_tree_vert.gif""
     
102. NodeIcon = (i==TmpStr_1.length-1)?
     
103. "e":
     
104. "n"
     
105. NodeIcon = (TmpStr_1[i][1])?
     
106. NodeIcon+"_1":
     
107. NodeIcon+"_0"
     
108. ItemIcon = (TmpStr_1[i][1])?
     
109. NodeItem[1]+"_off":
     
110. NodeItem[1].replace(/^[\s]+/g,"").replace(/[\s]+$/g,"")
     
111. NodeLink = (NodeItem[2])?
     
112. " href=""+NodeItem[2]+"" target=""+NodeItem[3]+"" onMouseOver="Hilight('Over','Link_"+v+"\
     
113. ');top.status='"+NodeItem[0]+"';return true" onMouseOut="Hilight('Out','Link_"+v+"');top.sta\
     
114. tus=''" onMouseUp="Hilight('Down','Link_"+v+"');top.status=''"":
     
115. " href="javascript:void(0)" onMouseOut="Hilight('Out','Link_"+v+"');top.status=''" onMouse\
     
116. Over="Hilight('Over','Link_"+v+"');top.status='"+NodeItem[0]+"';return true" onMouseUp="Hil\
     
117. ight('Down','Link_"+v+"');top.status=''""
     
118. NodeEvent = (TmpStr_1[i][1])?
     
119. " onClick="BuildTree("+(Step+1)+",'"+ToPos+"_"+(i+1)+"',"+(v+1)+","+(v+TmpStr_1[i][1]+1)+",'\
     
120. "+NodeItem[1]+"')" style="cursor:hand"":
     
121. ""
     
122. SwapEvent = (TmpStr_1[i][1])?
     
123. " onClick="TreeNode_"+ToPos+"_"+(i+1)+".click()"":
     
124. ""
     
125. ChildNode = (TmpStr_1[i][1])?
     
126. "<div id="TreeTemp_"+ToPos+"_"+(i+1)+"" style="display:none"></div>":
     
127. ""
     
128. TempHTML = "<table border="0" cellpadding="0" cellspacing="0"><tr><td width="19" heigh\
     
129. t="16" valign="top" "+VertLine+"><img id="TreeNode_"+ToPos+"_"+(i+1)+"" width="19" hei\
     
130. ght="16" align="texttop" src=""+IconPath+"new_tree_node_"+NodeIcon+".gif""+NodeEvent+"><\
     
131. /td><td height="16"><table border="0" cellpadding="0" cellspacing="1"><tr><td width="\
     
132. 16" height="16"><div "+SwapEvent+"><a"+NodeLink+" hidefocus="true"><img border="0" heig\
     
133. ht="16" width="16" id="TreeIcon_"+ToPos+"_"+(i+1)+"" src=""+IconPath+ItemIcon+".gif"><\
     
134. /a></div></td><td height="16"><div"+SwapEvent+" nowrap class="TreeLink"><a"+NodeLink+" id=\
     
135. "Link_"+v+"" class="Tree_Out" hidefocus="true">"+NodeItem[0]+"</a></div></td></tr></tabl\
     
136. e>"+ChildNode+"</td></tr></table>"
     
137. eval('TreeTemp_'+ToPos).insertAdjacentHTML("beforeEnd",TempHTML)
     
138. if(ToPos){
     
139. eval('TreeNode_'+ToPos).src = eval('TreeNode_'+ToPos).src.replace("_1","_2")
     
140. eval('TreeIcon_'+ToPos).src = ""+IconPath+Icon+"_on.gif"
     
141. eval('TreeTemp_'+ToPos).style.display = "block"
     
142. }
     
143. v+=TmpStr_1[i][1]
     
144. v++
     
145. }
     
146. }
     
147. }
     
148. 
     
149. function Hilight(s,n){
     
150. if(s=="Down"){
     
151. if(LastIndex)
     
152. eval(LastIndex).className = "Tree_Out"
     
153. LastIndex = n
     
154. eval(LastIndex).className = "Tree_Down"
     
155. }else{
     
156. eval(n).className=(eval(n).id==LastIndex)?"Tree_Down":eval("'Tree_'+s")
     
157. }
     
158. }
     
159. 
     
160. function DrawTree(){
     
161. IconPath=(IconPath)?IconPath:"./"
     
162. if(TreeTop>=0)
     
163. document.body.style.marginTop = TreeTop
     
164. if(TreeLeft>=0)
     
165. document.body.style.marginLeft = TreeLeft
     
166. TreeScr.startDownload(TreeFile, onDownloadDone)
     
167. }
     
168. document.ondragstart = new Function("return false")        //關閉拖曳
     
169. document.onselectstart = new Function("return false")        //關閉選取
     
170. document.oncontextmenu = new Function("return false")        //關閉右鍵
     
171. window.onload=DrawTree
     

複製代碼