Botón para mostrar y ocultar una capa

Teolfo
06 de Abril del 2004
Hola, necesito un botón que al pulsarlo me muestre u oculte una capa del mismo formulario.

Keko
06 de Abril del 2004
Hola:
Lo que puedes hacer es una funcion javascipt que se ejecute cuando pulses ese boton.
En la funcion javascipt tendras que controlar si la capa está visible o no y ponerla visible o no según sea el caso.

En el head:
<script language="Javascript">
function capaVisible(){
if(document.all.Layer1.style.visibility=="visible")
document.all.Layer1.style.visibility=="hidden";
}else{
document.all.Layer1.style.visibility=="visible";

}
</script>
En el body la capa:
<div id="Layer1" style="position:absolute;width:200px; height:115px; z-index:1">
</div>

<input type="button" name="botonCapa" onClick="capaVisible()">


Mas o menos este es el codigo, no lo he probado pero probablemente te sirva...


Jose Miguel
06 de Abril del 2004
Esto funcionaria bien en Internet Explorer pero no funcionaria en netscape, el hecho es que no se como hacer que funcione en netscape.
Si tienes alguna sugerencia.

kltros
06 de Abril del 2004
Es fácil si usas dreamweaver, sólo tienes que seleccionar el botón e ira a ventana/comportamientos. Una vez aquí pulsas + en la ventana de comportamientos y añades el comportamiento "mostrar ocultar capas". Te saldrá un formulario en el que puedes elegir que capas mostrar u ocultar al hacer la acción sobre el ratón, ya sea click, presionar, soltar... Tendrás que seleccionar un comportamiento por cada evento que uses.
Saludos

rsalvadores
06 de Abril del 2004
Para que funcione tambien en NS sustituye

document.all.layer1.style.visibility por
document.getElementById("Layer1").style.visibility

Según dicen los que saben, es mejor poner

document.getElementById("Layer1").style.display="block" para mostrar o "none" para ocultar.

saludos varios

rsalvadores