Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/08/2008, 02:29
igonfil
 
Fecha de Ingreso: junio-2008
Mensajes: 250
Antigüedad: 15 años, 11 meses
Puntos: 1
Respuesta: problema al mostrar y ocultar una capa <div>

Hola a [email protected] gracias por la ayuda, pero ya he conseguido que funcionara correctamante.
El contenido de la CSS es
Cita:
.visible {display:block;}
.oculto {display:none;}
Cita:
<script type="text/javascript">
// Con esta funcion lo que hacemos es que la capa de seguridad, libertad y Ahorro se haga visible o no
function cambiaCapa (nombre, action)
{
var oLayer = document.getElementById(nombre);

if (action == "ocultar")
{
oLayer.className = "oculto";
}
else
{
oLayer.className = "visible";
}
}
</script>
<html>
</head>
<body>
<form id="form1" runat="server">
<div style="position:absolute; left:865px; top:135px; cursor:pointer">
<a onclick="cambiaCapa('capa1','ver')"><img alt="" src="res/img/Boton_Segur.jpg" /></a>
</div>
<div style="position:absolute; top:170px; left:800px; background:white; height:210px; width:200px; border:1; border-color:blue; z-index:15" id="capa1" class="oculto">
<div style="position:absolute;top:3px; right:5px">
<button id="opRadioOcultar" name="ocultar" onclick="cambiaCapa('capa1','ocultar');" style="height:21px; width:20px; cursor:pointer; float:left"><img src="res/img/cerrar.jpg" id="IMG1" style="position:absolute; top:3px; left:3px"></button>
</div>
<div style="position:absolute; width:160px; top:30px; left:15px" class="textonota">
SEGURIDAD PARA ÉL O ELLA. Quien tú has elegido podrá hablar siempre con los números que tú has elegido. Tú le brindas esta posibilidad porque el cargo va a tú cuenta bancaria.
</div>
</div>
</form>
</body>
</html>
Un saludo para tod@s