Botón para mostrar y ocultar una capa
Hola, necesito un botón que al pulsarlo me muestre u oculte una capa del mismo formulario.
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...
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...
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.
Si tienes alguna sugerencia.
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
Saludos
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
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