ocultar mostrar capa con un solo boton

chusete · #1 (**permalink**) 12/01/2005, 04:12

como hago para mediante un solo boton o enlace ocultar y mostrar una capa cada vez que se pulsa sobre el?

JavierB · #2 (**permalink**) 12/01/2005, 04:18

Hola chusete

Suponiendo que tu capa tengua un id="capa", puedes usar este código:

function ver() {
obj=document.getElementById('capa');
obj.style.visibility=(obj.style.visibility=='hidde n') ? 'visible' : 'hidden';
}

Saludos,

KarlanKas · #3 (**permalink**) 12/01/2005, 04:25

Prueba esto:

Código HTML:

<html>
<head>
<script>
hacer=1;
function mostrar_o_no(capa){
hacer=-hacer;

document.getElementById('boton').value=(hacer==1)?"Ocultar Capa":"Mostrar Capa";
document.getElementById(capa).style.visibility=(hacer==1)?"visible":"hidden";
}
</script>
</head>
<body>
<input id="boton" type="button" onclick="mostrar_o_no('primera')" value="Ocultar Capa"><br>
<br>


<div id="primera" style="width:200px;height:300;border:solid 1px black;"></div>

</body>
</html>

chusete · #4 (**permalink**) 12/01/2005, 05:12

he probado el primer codigo y funciona de lujo, pero ahora me gustaria pasar como parametro de la funcion el id de la capa, pero no quiero hacerlo poniendo su nombre, como hago yo abajo, sino mediante this, pero no se como se hace

function ver(capa) {
obj=document.getElementById(capa);
obj.style.visibility=(obj.style.visibility=='hidde n') ? 'visible' : 'hidden';
}
------
<div id="oculta" onClick="ver('oculta')">oculta capa 1</div>

caricatos · #5 (**permalink**) 12/01/2005, 05:14

Hola chusete:

<div id="oculta" onClick="ver(this.id)">oculta capa 1</div>

Saludos

chusete · #6 (**permalink**) 12/01/2005, 05:17

eres un crak, te debo una copa

caricatos · #7 (**permalink**) 12/01/2005, 05:22

Cita:

Iniciado por chusete

eres un crak, te debo una copa

¡Je, je!

... Todo el mundo se empeña en emborracharme...

Bueno, espero que haya ocasión de que no sea "virtual".

Saludos