Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/04/2002, 18:10
Querque
 
Fecha de Ingreso: diciembre-2001
Mensajes: 16
Antigüedad: 23 años, 1 mes
Puntos: 0
visibilidad de una capa mediante OnClick

Tengo dos capas definidas, y lo que intento es que si el usuario pincha en la capa1 se muestre la capa2, y si vuelve a pinchar se oculte, y así sucesivamente.

Como mucho consigo que se me visualice una vez, luego no me hace ni caso. He probado de todas las formas y ya no se me ocurre nada más.

Éste es el código:

<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
#capa1 {visibility:visible; background:blue}
#capa2 {background:green}
</style>
<script language="JavaScript">

function Cambio() {

if (document.getElementById("capa2").style. visibility="visible") {
document.getElementById("capa2").style.v isibility="hidden";

if (document.getElementById("capa2").style. visibility="hidden")
document.getElementById("capa2").style.v isibility="visible";
}
}
</script>
</HEAD>
<BODY>

<DIV ID="capa1" OnClick=Cambio();>Ésta es la capa 1</DIV>
<DIV ID="capa2" OnClick='document.getElementById("capa1" ).style.visibility="hidden"';>Aquí va la capa 2</DIV>
</BODY>
</HTML>

A ver si teneis más suerte que yo.

Muchas gracias por vuestra ayuda. ;)