Foros del Web » Programando para Internet » Javascript »

No encuentro como utilizar onmouseout eficazmente...

Estas en el tema de No encuentro como utilizar onmouseout eficazmente... en el foro de Javascript en Foros del Web. Hola: Estoy haciendo un menú desplegable. Al cliquear en algún botón del menú me despliega un submenú, lo que intento hacer es que este submenú ...
  #1 (permalink)  
Antiguo 25/06/2005, 12:50
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 21 años
Puntos: 2
No encuentro como utilizar onmouseout eficazmente...

Hola:

Estoy haciendo un menú desplegable. Al cliquear en algún botón del menú me despliega un submenú, lo que intento hacer es que este submenú se cierre si el mouse sale de el (es decir, si el puntero no esta arriba del submenú), para ello hice estos contenedores en donde están los submenús:

Código:
<div id="submnu_1" style="display:none;" class="submenu_contenedor" onmouseout="Hidesmnu('submnu_1');">
<div id="submnu_1_1" class="submenu" align="left" onmouseover="smnu_over('submnu_1_1');" onmouseout="smnu_out('submnu_1_1');">primera división</div>
<div id="submnu_1_2" class="submenu" align="left" onmouseover="smnu_over('submnu_1_2');" onmouseout="smnu_out('submnu_1_2');">filiales</div>
<div id="submnu_1_3" class="submenu" align="left" onmouseover="smnu_over('submnu_1_3');" onmouseout="smnu_out('submnu_1_3');">fútbol amateur</div>
<div id="submnu_1_4" class="submenu" align="left" onmouseover="smnu_over('submnu_1_4');" onmouseout="smnu_out('submnu_1_4');">fútbol femenino</div>
<div id="submnu_1_5" class="submenu" align="left" onmouseover="smnu_over('submnu_1_5');" onmouseout="smnu_out('submnu_1_5');">general</div>
</div>
El tema es que cuando paso paso el mouse de un ítem a otro (Dentro del submenú), igual se cierra...

la función que utilizo para cerrar es: Hidesmnu('submnu_1')

Código:
function Hidesmnu(div) {
document.getElementById(div).style.display = 'none';
}
Realmente no se como hacerlo...

También quisiera saber como hacer para que en lugar de solo cerrar el menú, hacerlo desaparecer con un movimiento hacia arriba (como si se "metiese" dentro del menú padre").

Saludos y gracias antemano.
__________________
I Love Programming...
  #2 (permalink)  
Antiguo 25/06/2005, 16:03
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Probá lo siguiente:

Asignarle el evento sólo a la capa contenedora.
  #3 (permalink)  
Antiguo 25/06/2005, 17:40
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 21 años
Puntos: 2
el evento esta solo en la capa contenedora... (las otras capas tienen efecto de colores al pasar el mouse, pero nada tienen que ver con ocultar/mostrar la capa)

Saludos.
__________________
I Love Programming...
  #4 (permalink)  
Antiguo 26/06/2005, 14:01
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 21 años
Puntos: 2
no hay caso gente.. saque todos los otros eventos para ver si molestaban e igual sigue el problema.. cambie los div's (del submenu) por texto simple y el problema sigue...

Le saque todos los CSS "raros" que estaba usando (transparencia y demas) y aún asi no funciona bien...
__________________
I Love Programming...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:26.