Hola que tal, en esta ocasión voy a usar mi mensaje numero 1000 para una pregunta que me tiene con un buen de problemas, la duda es la siguiente:
Tengo el siguiente menú con listas
Código:
<ul id="nav">
<li id="tomar" onMouseOver="tomarID('tomar')" onmouseout="quitarID('tomar')">menu 1
<ul>
<li><a href="">submenu 1</a></li>
<li><a href="">submenu 2</a></li>
</ul>
</li>
<li id="tomar2" onmouseover="tomarID('tomar2')" onmouseout="quitarID('tomar2')">menu 2
<ul>
<li><a href="">submenu 1</a></li>
<li><a href="">submenu 2</a></li>
</ul>
</li>
</ul>
el cual uso con CSS y suckerfish, con css ya domine el <li> que se encuentra dentro del <ul> con un hover para cambiar de color cada que paso el mouse sobre la etiqueta principal, pero en IE no funciona, y por eso recurrí al javascript, pero para mi sorpresa, esta linea tampoco funciona en IE:
<li id="tomar" onMouseOver="tomarID('tomar')" onmouseout="quitarID('tomar')">, por eso necesito su ayuda, también, este es mi script para que me auxilien
Código:
<script language="javascript" type="text/css">
function tomarID(id)
{
document.getElementById(id).style.background = "#000000";
document.getElementById(id).style.color = "#FFFFFF";
}
function quitarID(id)
{
document.getElementById(id).style.background = "#CCC";
document.getElementById(id).style.color = "#000";
}
</script>
no se si sea por el encapsulado este:
Código:
<ul id="nav">
<li id="tomar" onMouseOver="tomarID('tomar')" onmouseout="quitarID('tomar')">menu 1
o que cosa, pero no me queda, les agradezco de una vez su ayuda.
