JavaScript - Visibilidad de una capa mediante OnClick

 
Vista:

Visibilidad de una capa mediante OnClick

Publicado por Querque (6 intervenciones) el 04/04/2002 18:40:36
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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Visibilidad de una capa mediante OnClick

Publicado por Querque (6 intervenciones) el 05/04/2002 04:15:59
Ya está solucionado. Me lo han explicado dos amigos en otro foro, os adjunto el código por si le puede ayudar a alguien

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar