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.getEle mentById) {
navRoot = document.getEle mentById("nav") ;
for (i=0; i<navRoot.child Nodes.length; i++) {
node = navRoot.childNo des[i];
if (node.nodeName= ="LI") {
node.onmouseove r=function() {
this.className+ =" over";
}
node.onmouseout =function() {
this.className= this.className. replace(" over", "");
}
}
}
}
}
window.onload=s tartList;
//-->
</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('for um','','/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('lin ks','','/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('dow nload','','/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('gam es','','/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/gamesracingspir it.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('inf o','','/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
