Hola a todos.
Tengo un Div en la parte izquierda de la web, y dentro de el una tabla que simula un Menú. El típico menú de la izquierda.
Al pasar por algunas celdas de esa tabla (menú), quiero que se descubra otro Div, anexo al primero, pero a su derecha para que parezca un submenú, ¿me entendéis?
Y que cuando se deje de pasar por esa celda, se oculte.
El código sería algo similar a esto:
Código:
<div id="menu">
<table id="tabla_menu">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</div>
<div id="submenu" style="position:absolute; top=x1;left=y1; visibility:hidden;">
Entonces mi problema es el siguiente:
Quiero que el DIV "submenu" se descubra cuando hago "onMouseover" sobre un TD de la tabla, y se oculte cuando salgo de él.
En principio, lo que he intentado del siguiente modo:
Código:
<td onmouseover:"mostrar();" onmouseout:"ocultar();">
Donde "mostrar" y "ocultar" son dos funciones Javascript triviales que hacen esto:
elemento.style.visibility = 'hidden' ó = 'visible'.
PROBLEMA:
Cuando salgo de la celda se desencadena el evento onMouseOut
INCLUSO cuando salgo del TD hacia el DIV "submenu" que se acaba de descubrir. Entonces no puedo hacer uso de ninguna opción que aparece ahí ya que cuando me dirijo hacia ese DIV al desencadenarse el evento onMouseout se oculta.
¿Cómo puedo evitar que se oculta el DIV en esa circunstancia?
Gracias por adelantado.