Evento OnMouseOut sobre <a>

yonolose · #1 (**permalink**) 10/08/2009, 08:06

Hola

Estoy haciendo un menú desplegable, pero pasa algo bastante extraño que no sé cómo solucionar.

El menú se muestra y oculta como yo quiero cuando solo tiene texto, pero si le pongo alguna etiqueta <a>... y se pone el cursor sobre el link, el menú se oculta, como si hubiese sacado el cursor del div...

Ver el menú en funcionamiento

Este es el código:

Código javascript:

Ver original<head>
<script language="javascript">
 
function ocultar(){
 
 document.getElementById('menuoculto').style.visibility = "hidden";
 
}
 
 
function mostrar(what){
 
switch(what){
 
case "menua":
 
var mostrarHTML="<a href='#'>Men&uacute; oculto A, con una etiqueta a</a>";
 
break;
 
case "menub":
 
var mostrarHTML="Parte B sin etiquetas, solo texto";
 
break;
 
}
 
 document.getElementById('menuoculto').innerHTML = mostrarHTML;
  
 document.getElementById('menuoculto').style.visibility = "visible";
 
}
 
</script>
 
 
</head>
 
<body>
 
 
             <div style="overflow:auto;">
 
<div style="width:150px;float:left;" onMouseOver="mostrar('menua')">Men&uacute; A</div>
 
<div style="width:150px;float:left;" onMouseOver="mostrar('menub')">Men&uacute; B</div>
 
 
<div onMouseOut="ocultar()" id="menuoculto" style="margin-top:20px;border:1px solid;padding:5px;visibility:hidden;"></div>
 
 
             </div>

Un saludo y espero se pueda solucionar...

yonolose · #2 (**permalink**) 11/08/2009, 08:21

Por cierto... si es posible hacerlo de otro modo, agradecería que me dijeran cómo... ya que no le encuentro la solución al problema.

Saludos!