mostrar ocultar capas

sataca · #1 (**permalink**) 27/06/2002, 02:37

Hola

necesito una función, que al hacer click sobre una imagen, muestre una capa si esta oculta, o la oculte si está visible.

Gracias

KarlanKas · #2 (**permalink**) 27/06/2002, 03:14

A ver si te sirve esto:

Código:

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
function cambio(capa){
if(capa.style.visibility==&quot;hidden&quot;){capa.style.visibility=&quot;visible&quot;}
else
{capa.style.visibility=&quot;hidden&quot;}
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;pepito&quot;&gt;
Saludosss
&lt;/div&gt;
&lt;div id=&quot;juan&quot;&gt;
Despedidas
&lt;/div&gt;
&lt;img src=&quot;dibujo.jpg&quot; onclick=&quot;cambio(pepito)&quot;&gt;
&lt;img src=&quot;dibujo2.jpg&quot; onclick=&quot;cambio(juan)&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;

Salu2

<embed width="136" height="28" src="http://www.webareyou.com/karlankas.swf"></embebed>

sataca · #3 (**permalink**) 27/06/2002, 03:19

perfecto

gracias

KarlanKas · #4 (**permalink**) 27/06/2002, 03:19

A mandar! ;)

sataca · #5 (**permalink**) 27/06/2002, 03:50

oh oh

en netscape 4.7 no va.

Y tampoco con getElementById

A alguien se le ocurre algo??

palidowsky · #6 (**permalink**) 27/06/2002, 04:15

Pues si, que la gente se baje el 6.2 porque el Netscape 4 es una verdadera porquería.

palidowsky · #7 (**permalink**) 27/06/2002, 04:17

Por cierto, el el Netscape 6.2 tampoco funciona, pero el 6.2 es un navegador muy bueno.

KarlanKas · #8 (**permalink**) 28/06/2002, 02:16

Vaya... eso es una contrariedad... voy a mirarlo y os cuento. de todas formas mientras tanto puedes utilizar este código. Por desgracia cada vez son menos los que usan algún navegador que no sea el de Micro$oft...

unKnown · #9 (**permalink**) 28/06/2002, 02:31

pues cuando programaba para Netscape usaba document.layers que voy a decirles que en sus buenos tiempos el Netscape 4 fue lo mejorsito que habia

Beakdan · #10 (**permalink**) 28/06/2002, 12:35

Pues yo no creo que NS4 sea una porquería, aunque hace mucho tiempo dejé de hacer códigos crossbrowser para cumplir con los estándares DOM. El script de KarlanKas modificado para que funcione con IE4, NS4 y navegadores con soporte DOM, queda como sigue:

Código:

&lt;html&gt;
&lt;head&gt;
&lt;script LANGUAGE=&quot;javascript&quot;&gt;
&lt;!--
var capa
function cambio(idCapa){
 if (document.layers) capa = eval(&quot;document.&quot; + idCapa);
 if (document.all) capa = eval(idCapa + &quot;.style&quot;);
 if (document.getElementById) capa = eval('document.getElementById(&quot;' + idCapa + '&quot;).style');

 if ((capa.visibility == &quot;hidden&quot;) || (capa.visibility == &quot;hide&quot;)){
  capa.visibility = (document.layers) ? &quot;show&quot; : &quot;visible&quot; ;
 }else{
  capa.visibility = (document.layers) ? &quot;hide&quot; : &quot;hidden&quot; ;
 }
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;pepito&quot; style='position:relative;'&gt;
Saludosss
&lt;/div&gt;
&lt;div id=&quot;juan&quot; style='position:relative;'&gt;
Despedidas
&lt;/div&gt;
&lt;img src=&quot;dibujo.jpg&quot; onclick=&quot;cambio('pepito')&quot;&gt;
&lt;img src=&quot;dibujo2.jpg&quot; onclick=&quot;cambio('juan')&quot;&gt;
&lt;/body&gt;
&lt;/html&gt;

Para que en NS4 se puedan manipular las capas, deben tener asignada al menos una propiedad. Es por eso que a las etiquetas <div> les he agregado "style='position:relative;'", que no afecta a la presentación de las mismas. Si lo quitan, las capas no podrán ser manipuladas con JavaScript y recibirán el mensaje de que el objeto no posee propiedades.

Saludos.

KarlanKas · #11 (**permalink**) 29/06/2002, 04:12

Oye Beakdan!!

Estupendo tu código! He aprendido un montón con él.

Gracias ;)

!

KarlanKas