Hi!
I've made a drop down menu at my site following
the instructions in:
http://www.alistapart.com/articles/dropdowns/
This is a CSS menu with a javascript fix for the hover
bug in IE. I can get it to work in Mozilla/Firebird but it
doesn't work in IE.
The URL of my site is:
http://immersion.fotografist.com/
Here is the URL for the style sheet:
http://immersion.fotografist.com/scripts/styles.css
The javascript for the IE bug:
<script type="text/javascript">
<!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//-->
</script>
And, finally, a piece of the HTML code for the
menu:
<ul id="nav">
<li><div><a href="/forum" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('forum','','/images/es/forumon.gif',1)"><img
src="/images/es/forum.gif" name="forum" border="0" alt=""
title=""></a></div></li>
<li><div><a href="/pages/es/links.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('links','','/images/es/linkson.gif',1)"><img
src="/images/es/links.gif" name="links" border="0" alt=""
title=""></a></div></li>
<li><div><a href="/pages/es/download.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('download','','/images/es/downloadon.gif',1)"><img
src="/images/es/download.gif" name="download" border="0" alt=""
title=""></a></div></li>
<li>
<div><a href="" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('games','','/images/es/gameson.gif',1)"><img
src="/images/es/games.gif" name="games" border="0" alt=""
title=""></a></div>
<ul>
<li><a href="/pages/es/gamesracingspirit.html">racing spirit</a></li>
<li><a href="/pages/es/gamesfurpuppies.html">fur puppies</a></li>
</ul>
</li>
<li><div><a href="/pages/es/info.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('info','','/images/es/infoon.gif',1)"><img
src="/images/es/info.gif" name="info" border="0" alt=""
title=""></a></div></li>
</ul>
Have any of you ever used this kind of menu ? Have you made it work ?
Can you see any error in mine ?
Thanks in advance
--
Abs