Foros del Web » Programando para Internet » Javascript »

div y eventos

Estas en el tema de div y eventos en el foro de Javascript en Foros del Web. Hola, ante todo dar las gracias por las soluciones ofrecidas tan rápidamente. Tengo un problema. Necesito un div que al pasar sobre el o al ...
  #1 (permalink)  
Antiguo 12/12/2003, 05:34
 
Fecha de Ingreso: noviembre-2003
Mensajes: 13
Antigüedad: 20 años, 5 meses
Puntos: 0
div y eventos

Hola, ante todo dar las gracias por las soluciones ofrecidas tan rápidamente.
Tengo un problema. Necesito un div que al pasar sobre el o al salir oculte otro div. El problema es que al poner en un div el onmouseout sólo funciona si salgo fuera de las imágenes que contiene el div, pero no sobre el resto, es decir todo el espacio que queda libre del div no me lo coje.

Por tanto, cuando salgo fuera de la imagen ya me oculta la otra capa, pero lo que necesito es que al salir fuera del div me la oculte.

Creo que no me he explicado muy bien. Os pongo el código para que lo entendaís un poquito mejor.

<div id="capa2" style="display:none;" onmouseover="capa1.style.display:'block'">
<table width=100% align=Center >
<tr><td><img src="./img_2283.jpg" width="245" height="184" alt="" border="0"></td></tr>
<tr><td align=right><img src="./flechader.gif"></td></tr>
</table>
</div>
  #2 (permalink)  
Antiguo 14/12/2003, 10:58
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Mira así, en explorer 5.0 y en netscape 7.0 funciona ok

<div id="capa2" style="position:absolute;" onmouseover="document.getElementById('capa1').styl e.display='block'" onmouseout="document.getElementById('capa1').style .display='none'">
<table width=100% align=Center bgcolor="#99CCCC" >
<tr><td><img src="2.jpg" width="245" height="184" alt="" border="0"></td></tr>
<tr><td align=right><img src="./flechader.gif"></td></tr>
</table>
</div>

<div id="capa1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #999933; layer-background-color: #999933; border: 1px none #000000; display: block; left: 75px; top: 278px;">holaaaaaaaaaaaaaa</div>


Última edición por tunait; 14/12/2003 a las 11:15
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:15.