Ayuda con pequeño Script

chichote · #1 (**permalink**) 12/06/2009, 12:56

Hola Muchachos:

Tengo un pequeño script que muestra y oculta capas al dar clic sobre un enlace, y quisera saber como puedo hacer para que las capas inicien ocultas.

<html>
<head>
<script LANGUAGE="javascript">
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}
//-->
</script>
</head>
<body>
<div id="capa1" style='position:relative;'>Esta es la capa 1</div>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
<br>
</body>

Gracias de ante mano.

chichote · #2 (**permalink**) 12/06/2009, 13:11

Ya lo resolvi, era muy simple.

dejo aca la respuesta por si a alguien le sirve

Agregue visibility:hidden en el style de la capa

<html>
<head>
<script LANGUAGE="javascript">
var capa
function cambio(idCapa){
if (document.layers) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
}
}
//-->
</script>
</head>
<body>
<div id="capa1" style='position:relative;visibility:hidden;'>Esta es la capa 1</div>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
<br>
</body>

saludos.