Problema con Evento en Capa.

Calisco · #1 (**permalink**) 01/12/2006, 11:51

Mi problema es el siguiente y nada mejor que este simpático ejemplo:
http://www.coyote-rtx.com.ar/vtn.htm
Cuando uno pasa el mouse (onmouseover) por sobre la capa visible en el ejemplo (id="enlace"), aparece una nueva capa (id="capa").
Cuando uno sale de esta ventana (onmouseout) la misma se oculta nuevamente.
Mi problema es que cuando uno 'pasa' con el puntero del mouse por sobre un elemento dentro que esta dentro de esta ventana como es en este caso imagen de TUX también se me cierra la ventana. Debo pensar que también se produce onmouseout, mas allá de que la imagen este contenida en la ventana.

Redondeando la pregunta:
Como puedo hacer para que la ventana solo se cierre cuando salgo de la misma ?

Saludos y Gracias.

Calisco · #2 (**permalink**) 01/12/2006, 11:54

Aca dejo algo de codigo de esta pagina http://www.coyote-rtx.com.ar/vtn.htm.

funciones javascript

Código PHP:

  <script type="text/javascript"> 
function cierraDiv(idDiv) { 
document.getElementById(idDiv).style.display="none";} 
 
function muestraDiv(idDiv) { 
document.getElementById(idDiv).style.display="block";} 
 
</script>

Estilos

Código PHP:

  <style> 
 
#caja, #enlace { 
    display: none; 
    width: 200px; 
    height: 200px; 
    border: 1px solid #000; 
    background: #DEE; 
    padding: 5px; 
    margin: 2px; 
    font-size: 12px; 
} 
 
#caja img {border: 1px solid #ABB} 
 
#enlace { 
    display: block; 
    width: 200px; color: #F00; 
    height: 20px; 
    font-size: 14px; 
} 
</style>

Codigo HTML

Código PHP:

  <body> 
    <div id="enlace" onmousemove="javascript: muestraDiv ('caja')">Mostrar CAJA</div> 
     
    <div id="caja" onmouseout="javascript: cierraDiv ('caja')"> 
        <img src="tux.jpg" /><br /> 
        No deberia cerrarse esta ventana al pasar el puntero del mouse por sobre mi amigo TUX. 
    </div> 
     
</body>

Una vez mas ... saludos y gracias.