DHTML + Mozilla

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • DHTML + Mozilla

    nabend zusammen ,

    habe mir über die tage ne kleine HP gebastelt .
    Leider musste ich nun feststellen das mein DHTML - Nagationsmenü(deep-tree)
    leider nicht auf Mozilla (auch Firefox) reagiert !
    :flag:
    Im IE 6.0 geht alles wunderbar .....

    weiß von euch jemand zufällig ne möglichkeit ,
    das ich die navigation auch mit Mozilla sehen kann?

    habe das ganze momentan noch lokal aufm rechner ....deshalb kein link!
    EDIT : htt*://eprom.dyn.ee <-nicht immer Online !!!!
    hier der Coode:

    HTML-Quellcode

    1. --
    2. '*********************************************************************************
    3. ' COMobjects.NET Deep Tree Script(c) Fedor Skvortsov, COMobjects.NET. November, 2001
    4. ' Mailto: [email]fed@comobjects.net[/email]
    5. ' WWW: [url]http://comobjects.net[/url]
    6. '*********************************************************************************
    7. -->
    8. <html>
    9. <head>
    10. <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    11. <style type="text/css">
    12. a
    13. {
    14. color: #003399;
    15. text-decoration: none;
    16. }
    17. a:hover
    18. {
    19. color: red;
    20. text-decoration: none;
    21. }
    22. .load
    23. {
    24. font-size: 11px;
    25. background-color:infobackground;
    26. border-width:1px;
    27. border-color:black;
    28. border-style:solid;
    29. width:10px;
    30. }
    31. LI
    32. {
    33. margin-left:-25px;
    34. list-style-type:none;
    35. list-style-image:none;
    36. font-family:verdana;
    37. font-size:8pt;
    38. }
    39. .treenode
    40. {
    41. margin-left:3px;
    42. font-size: 8pt;
    43. border-width:1px;
    44. border-color:White;
    45. border-style:solid;
    46. }
    47. .treenodesel
    48. {
    49. font-size: 8pt;
    50. margin-left: 3px;
    51. border-width:1px;
    52. border-color:Navy;
    53. border-style:solid;
    54. }
    55. .treenodeover {
    56. margin-left:3px;
    57. font-size: 8pt;
    58. border-width:1px;
    59. border-color:White;
    60. border-style:solid;
    61. }
    62. .treenodeselover
    63. {
    64. font-size: 8pt;
    65. margin-left: 3px;
    66. border-width:1px;
    67. border-color:Blue;
    68. border-style:solid;
    69. }
    70. </style>
    71. <script language="jscript">
    72. var sRootTree = "TOC/Root.xml"
    73. var sImagesPath = "Images/";
    74. var sImageNone = sImagesPath + "none.gif";
    75. var sImagePlus = sImagesPath + "plus.gif";
    76. var sImageMinus = sImagesPath + "minus.gif";
    77. var sNodeLoadingClass = "load";
    78. var sNodeClass = "treenode";
    79. var sNodeOverClass = "treenodeover";
    80. var sNodeSelClass = "treenodesel"
    81. var sNodeSelOverClass = "treenodeselover"
    82. var sCancelLoad = "Loading...";
    83. var oXML;
    84. var sBaseHref;
    85. var oSelNode;
    86. var loadingNode;
    87. function showLoadingNode(Node){
    88. var oDiv;
    89. oDIV = document.createElement("<div>");
    90. oDIV.className = sNodeLoadingClass;
    91. oDIV = Node.appendChild(oDIV);
    92. oDIV.innerText = sCancelLoad;
    93. oDIV.onclick = cancelLoad;
    94. }
    95. function hideLoadingNode(Node){
    96. try{
    97. if (Node.childNodes.length>1){
    98. oDIV = Node.childNodes(1);
    99. Node.removeChild(oDIV);
    100. }
    101. }
    102. catch(x){}
    103. }
    104. function buildTree(sourceNode, resultNode, expanded){
    105. var oLI, oUL, oIMG, oA, oNOBR, i, oNodeAttributes;
    106. var sIcon, sName, sHref, sTarget, sSrc;
    107. oUL = document.createElement("<ul>");
    108. oUL = resultNode.appendChild(oUL);
    109. if (expanded=="true"){
    110. oUL.style.display="block";
    111. }
    112. else{
    113. oUL.style.display="none";
    114. }
    115. for (i=0;i<sourceNode.childNodes.length;i++){
    116. oNodeAttributes = sourceNode.childNodes(i).attributes;
    117. sIcon = oNodeAttributes.getNamedItem("icon").value;
    118. sName = oNodeAttributes.getNamedItem("name").value;
    119. if (oNodeAttributes.getNamedItem("href")!= null){
    120. sHref = oNodeAttributes.getNamedItem("href").value;
    121. }
    122. else{
    123. sHref = "";
    124. }
    125. if (oNodeAttributes.getNamedItem("target")!=null){
    126. sTarget = oNodeAttributes.getNamedItem("target").value;
    127. }
    128. else{
    129. sTarget = ""
    130. }
    131. oLI = document.createElement("<li>");
    132. oLI = oUL.appendChild(oLI);
    133. oNOBR = document.createElement("<nobr>");
    134. oNOBR = oLI.appendChild(oNOBR);
    135. oIMG = document.createElement("<img>");
    136. oIMG.border = 0;
    137. if (oNodeAttributes.getNamedItem("src")!=null){
    138. sSrc = oNodeAttributes.getNamedItem("src").value;
    139. }
    140. else{
    141. sSrc = "";
    142. }
    143. oLI.setAttribute("src", sSrc);
    144. if (sSrc!="" || sourceNode.childNodes(i).childNodes.length>0){
    145. if (sSrc!=""){
    146. oLI.setAttribute("LoadedChildren", "false");
    147. }
    148. else{
    149. oLI.setAttribute("LoadedChildren", "true");
    150. }
    151. oIMG.src = sImagePlus;
    152. oLI.setAttribute("Expanded", "false");
    153. oIMG.onclick = actionOnClick;
    154. }
    155. else{
    156. oIMG.src = sImageNone;
    157. }
    158. oIMG = oNOBR.appendChild(oIMG);
    159. oIMG = document.createElement("<img>");
    160. oIMG.border = 0;
    161. oIMG.src = sImagesPath + sIcon + ".gif";
    162. oIMG = oNOBR.appendChild(oIMG);
    163. oA = document.createElement("<a>");
    164. if (sHref!=""){
    165. oA.href = sBaseHref + sHref;
    166. oA.onclick = nodeOnClick;
    167. oA.onmouseover = nodeOnMouseOver;
    168. oA.onmouseout = nodeOnMouseOut;
    169. }
    170. if (sTarget!=""){
    171. oA.target = sTarget;
    172. }
    173. oA.innerText = sName;
    174. oA.title = sName;
    175. oA.className = "treenode";
    176. oA = oNOBR.appendChild(oA);
    177. if (sourceNode.childNodes(i).childNodes.length>0)
    178. {
    179. buildTree(sourceNode.childNodes(i), oLI, "false")
    180. }
    181. }
    182. resultNode.setAttribute("LoadedChildren", "true")
    183. resultNode.setAttribute ("Expanded", expanded);
    184. }
    185. function actionOnClick(){
    186. var oNode
    187. oNode = event.srcElement;
    188. event.cancelBubble = true;
    189. if (oNode.parentNode.parentNode.getAttribute ("Expanded")=="true"){
    190. oNode.parentNode.parentNode.childNodes(1).style.display = "none";
    191. oNode.parentNode.parentNode.childNodes(0).childNodes(0).src = sImagePlus;
    192. oNode.parentNode.parentNode.setAttribute ("Expanded", "false")
    193. }
    194. else{
    195. if (oNode.parentNode.parentNode.getAttribute("LoadedChildren")=="true"){
    196. oNode.parentNode.parentNode.childNodes(1).style.display = "block";
    197. oNode.parentNode.parentNode.childNodes(0).childNodes(0).src = sImageMinus;
    198. oNode.parentNode.parentNode.setAttribute ("Expanded", "true")
    199. }
    200. else{
    201. if (loadingNode!=null){
    202. hideLoadingNode(loadingNode);
    203. }
    204. loadingNode = oNode.parentNode.parentNode;
    205. showLoadingNode(loadingNode);
    206. oXml.load(loadingNode.getAttribute("src"));
    207. }
    208. }
    209. }
    210. function nodeOnClick(){
    211. var oNode
    212. oNode = event.srcElement;
    213. event.cancelBubble = true;
    214. if (oSelNode!=null)
    215. {
    216. oSelNode.childNodes(0).childNodes(2).className = sNodeClass;
    217. }
    218. oSelNode = oNode.parentNode.parentNode;
    219. oSelNode.childNodes(0).childNodes(2).className = sNodeSelOverClass;
    220. }
    221. function nodeOnMouseOver(){
    222. var oNode
    223. oNode = event.srcElement;
    224. event.cancelBubble = true;
    225. window.status = oNode.innerText;
    226. if (oNode.className==sNodeSelClass){
    227. oNode.className = sNodeSelOverClass;
    228. }
    229. else{
    230. oNode.className = sNodeOverClass;
    231. }
    232. }
    233. function nodeOnMouseOut(){
    234. var oNode
    235. oNode = event.srcElement;
    236. event.cancelBubble = true;
    237. window.status = "";
    238. if (oNode.className==sNodeSelOverClass){
    239. oNode.className = sNodeSelClass;
    240. }
    241. else{
    242. oNode.className = sNodeClass;
    243. }
    244. }
    245. function cancelLoad(){
    246. var oNode
    247. oNode = event.srcElement;
    248. hideLoadingNode(oNode.parentElement);
    249. loadingNode = null;
    250. }
    251. function initPage(){
    252. oSelNode = null;
    253. loadingNode = document.all("Tree");
    254. oXml = new ActiveXObject("Microsoft.XMLDOM");
    255. oXml.async = true;
    256. oXml.onreadystatechange = onLoadXml;
    257. oXml.load(sRootTree);
    258. }
    259. function onLoadXml(){
    260. if (oXml.readyState==4){
    261. hideLoadingNode (loadingNode);
    262. if ((oXml.parseError.reason=="") && (oXml.documentElement.childNodes.length>0)){
    263. if (loadingNode!=document.all("Tree")){
    264. loadingNode.childNodes(0).childNodes(0).src = sImageMinus;
    265. }
    266. sBaseHref = oXml.documentElement.attributes.getNamedItem("base").value;
    267. buildTree(oXml.documentElement, loadingNode, "true");
    268. }
    269. else
    270. {
    271. loadingNode.childNodes(0).childNodes(0).src = sImageNone;
    272. loadingNode.childNodes(0).childNodes(0).onclick = null;
    273. }
    274. loadingNode = null;
    275. }
    276. }
    277. </script>
    278. <base target="Hauptframe">
    279. </head>
    280. <body onload="initPage();" bgcolor="#FFFFFF">
    281. <div id="Tree" style="margin-left:-20px;">
    282. </div>
    283. </body>
    284. </html>
    Alles anzeigen
    PROFIL
    LAST UPLOADS:
    ZAPPING,
    BABY BOY,KOPS,Musical Mixxor

    bin bis 5.12 unterwegs........