JavaScript Menu does not work in Netscape
-
Can anyone tell me why this wouldn't work in Netscape? <HEAD> <TITLE>Menu</TITLE> <base target="main"> <style> <!-- #foldheader{cursor:hand ; list-style-image: url(../Images/a_down.gif)} #foldinglist{list-style-image: url(../Images/a_right.gif)} //--> </style> <script language="JavaScript"> <!-- var head="display:''" img1=new Image() img1.src="down.gif" img2=new Image() img2.src="right.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(../Images/a_up.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(../Images/a_down.gif)" } } } document.onclick=change //--> </script> </HEAD> <BODY BGCOLOR="#007B00" text="#FFFFFF" link="orange" alink="lightgreen" vlink="black"> <div align="left"> <li id="foldheader">Family Tree</li> <ul id="foldinglist" style="display:none"> <li><a href="alpha.html">Alphabetical</a></li> <li><a href="James1855.html">Tree Top</a></li> <li><a href="tree.html">Tree Chart</a></li> </ul> <li id="foldheader">Name</li> <ul id="foldinglist" style="display:none"> <li><a href="name.html" target="main">History</a></li> </ul> <li id="foldheader">Ireland</li> <ul id="foldinglist" style="display:none"> <li><a href="ireland.html">Visit Ireland</a></li> </ul> <li id="foldheader">Miscellaneous</li> <ul id="foldinglist" style="display:none"> <li><a href="thanks.html" target="main">Thank You</a></li> <li><a href="form.html" target="_parent">Submit Info</a></li> <li><a href="links.html">Sites to Visit</a></li> </ul> </div> </BODY>
-
Can anyone tell me why this wouldn't work in Netscape? <HEAD> <TITLE>Menu</TITLE> <base target="main"> <style> <!-- #foldheader{cursor:hand ; list-style-image: url(../Images/a_down.gif)} #foldinglist{list-style-image: url(../Images/a_right.gif)} //--> </style> <script language="JavaScript"> <!-- var head="display:''" img1=new Image() img1.src="down.gif" img2=new Image() img2.src="right.gif" function change(){ if(!document.all) return if (event.srcElement.id=="foldheader") { var srcIndex = event.srcElement.sourceIndex var nested = document.all[srcIndex+1] if (nested.style.display=="none") { nested.style.display='' event.srcElement.style.listStyleImage="url(../Images/a_up.gif)" } else { nested.style.display="none" event.srcElement.style.listStyleImage="url(../Images/a_down.gif)" } } } document.onclick=change //--> </script> </HEAD> <BODY BGCOLOR="#007B00" text="#FFFFFF" link="orange" alink="lightgreen" vlink="black"> <div align="left"> <li id="foldheader">Family Tree</li> <ul id="foldinglist" style="display:none"> <li><a href="alpha.html">Alphabetical</a></li> <li><a href="James1855.html">Tree Top</a></li> <li><a href="tree.html">Tree Chart</a></li> </ul> <li id="foldheader">Name</li> <ul id="foldinglist" style="display:none"> <li><a href="name.html" target="main">History</a></li> </ul> <li id="foldheader">Ireland</li> <ul id="foldinglist" style="display:none"> <li><a href="ireland.html">Visit Ireland</a></li> </ul> <li id="foldheader">Miscellaneous</li> <ul id="foldinglist" style="display:none"> <li><a href="thanks.html" target="main">Thank You</a></li> <li><a href="form.html" target="_parent">Submit Info</a></li> <li><a href="links.html">Sites to Visit</a></li> </ul> </div> </BODY>
Netscape 4 doesn't support the display style. Or a bunch of other things :mad: cheers, Chris Maunder
-
Netscape 4 doesn't support the display style. Or a bunch of other things :mad: cheers, Chris Maunder
I hate Netscape, but have to Support it