Visibilidad de capas mediante OnClick

Querue
27 de Junio del 2002
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.visibility="hidden";

if (document.getElementById("capa2").style.visibility="hidden")
document.getElementById("capa2").style.visibility="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.

jlmezquita
27 de Junio del 2002
Prueba esto:
-----------------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
#capa1 {background:blue}
#capa2 {background:green}
</style>
<script language="JavaScript">

function Cambio()
{
if (document.getElementById("capa2").style.visibility == "")
{
document.getElementById("capa2").style.visibility = "hidden";
}
else
{
document.getElementById("capa2").style.visibility = "";
}
}
</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>

Debes tener en cuenta que los operadores de comparación no funcionan si no se escriben bien.

No es lo mismo el operador = que el ==

Sigue insistiendo. Suerte.

Wolverine
27 de Junio del 2002
Hola amigo(a)

Bueno, yo tengo un ejemplo que te puede servir, se trata del evento OnClick, y comprende los estados "visible" & "hidden" de las capas. Al pinchar con el mouse una vez, ésta aparece, y al pinchar nuevamente, ésta se oculta. Cuando pueda te voy el código por el foro, o bien, por e-mail.

Cuídate mucho y saludos a todos
Atte Wolverine

Querque
27 de Junio del 2002
Si señor. Sale perfecto.

Pensaba que el '==' se utilizaba unicamente a la hora de igualar valores a variables no con propiedades.

Muchas gracias por vuestra ayuda.