Imagen y capas

Liz26 · #1 (**permalink**) 15/07/2003, 05:42

Hola, buenos días.

Tengo una imagen en una página y quiero que al hacer clic en ella se muestre una capa que permanece oculta. Al volver a hacer clic quiero que se cierre la capa.

Lo he intentado hacer según el ratón se ponga encima, pero tampoco me funciona. Este es el código que genera el Dreamweaver:

<img src="Ayuda.gif" onMouseOver="MM_showHideLayers('Capa1','','show')" onMouseOut="MM_showHideLayers('Capa1','','hide')">

¿Podéis ayudarme a que ésto funcione con los eventos Onclick?

Muchas gracias.

Isaac Mañe · #2 (**permalink**) 15/07/2003, 08:03

Pruébalo así!

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('file:///C|/Carpeta/foto.jpg')">
<div align="center">
<p> </p>
<p><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','file:///C|/Carpeta/foto.jpg',1)"><img name="Image2" border="0" src="file:///C|/Carpeta/foto2.jpg" width="110" height="106"></a></p>
</div>

d.roma · #3 (**permalink**) 15/07/2003, 11:04

agregando un behaivor para exibir/ocultar la capa( on mouse over/on mouse out)
en dreamweaver es bien facil
bye

Liz26 · #4 (**permalink**) 16/07/2003, 01:31

Hola de nuevo, muchas gracias por las repuestas.
Lo que yo quiero es que al hacer clic en la imagen, aparezca la capa. Y al volver a hacer clic desaparezca.

Lo he hecho añadiendo comportamientos con Dreamweaver y el código que me ha generado es:

<img src="Imagen.jpg" width="221" height="271" border="0" onClick="MM_showHideLayers('Layer1','','show');MM_ showHideLayers('Layer1','','hide')"></a>

Supongo que como los comportamientos son contradictorios no funciona. Imagino que tendré que decir que muestre la capa al hacer clic SI ESTA OCULTA y que la oculte al hacer clic SI ESTA VISIBLE, pero no se cómo hacer esto.

A ver si alguien puede ayudarme.

Muchas gracias !!!

tunait · #5 (**permalink**) 16/07/2003, 01:59

Hola Liz

A ver si esto te sirve. Cambia nomás el texto del enlace por una imagen

function pepe(capa)
{
document.getElementById(capa).style.visibility == 'visible' ? document.getElementById(capa).style.visibility = 'hidden' : document.getElementById(capa).style.visibility = 'visible';
}

</script>

</head>

<body>
<div id="perica" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #9999CC; layer-background-color: #9999CC; border: 1px none #000000; visibility: hidden;">yuju!</div>

<p> </p>
<p> </p>
<p> </p>
<p><a href="#" onclick="pepe('perica');return false"> click </a> </p>
</body>

Liz26 · #6 (**permalink**) 16/07/2003, 02:52

Hola Tunait !!! qué tal estás???

Verás, lo he probado tal y como me has dicho cambiando el texto del enlace por una imagen y funciona perfectamente.

Pero cuando lo he probado en mi página pasa una cosa rarísima. Se comporta como si intentara abrir una página y al no encontrarla, sale el aviso del navegador.

La página en la que lo he probado es una página asp y cuando quito el contenido asp funciona bien. ¡Qué cosas más raras!!!!!

Seguiré dándole vueltas a ver si logro solucionarlo.

Muchas gracias por la ayuda !!!

tunait · #7 (**permalink**) 16/07/2003, 02:56

Buen día Liz! ¿cómo estoy? con obras en el piso de arriba y además en el de debajo

así que te lo puedes imaginar (lo peor es que encima tienen la radio a tó volumen y además cantan!!

)

En fin... oye... pusiste el return false??

Liz26 · #8 (**permalink**) 16/07/2003, 03:17

jajaja

Paciencia Tunait, que se pasen pronto las obras !!!!

Bueno, sí, puse el return false pero acabo ya de dar con ello. Resulta que la función la había puesto en el script donde voy intercalando sentencias asp. Por enredar un poco y andar probando, la he quitado de ahí y la he puesto en un script aparte sólo para esa función. Bueno, pues por ridículo que parezca ...

FUNCIONA PERFECTAMENTE !!!!

Muchas gracias Tunait, y paciencia !!!!!

tunait · #9 (**permalink**) 16/07/2003, 03:45

Muchas de nadas.... y sí, a echar paciencia

Por cierto que nos movemos para javascript

movido desde html

saludoos...