Ocultar y mostrar las capas que yo quiera

javihb · #1 (**permalink**) 14/03/2006, 03:11

Hola amigos, vereis tengo un problemilla, tengo este trozo de código

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

var ie4=(document.all&&navigator.userAgent.indexOf("Opera")==-1);
var ns6=(document.getElementById&&!document.all);
var ope=(navigator.userAgent.indexOf("Opera")!=-1);
var ns4=(document.layers);
var retraso=setTimeout("",100);
var nTemp=0;
var lnx=0;
var lny=0;

function DameObjeto(cid1) {
   if (ie4) {
      oobjeto = eval("document.all." + cid1);
   } else if (ns6||ope) {
      oobjeto = document.getElementById(cid1);
   } else if (ns4) {
      oobjeto = eval("document." + cid1);
   } else {
      oobjeto = document.getElementById(cid1);
   }
   return oobjeto;
}

function MuestraCapa(cid1) {
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.visibility="visible";
   } else {
      DameObjeto(cid1).visibility="visible";
   }
}
function OcultaCapa(cid1) {
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.visibility="hidden";
   } else {
      DameObjeto(cid1).visibility="hide";
   }
}
</script>
</head>
<body>
<a href="#" class="azul" onClick="MuestraCapa('info01'); OcultaCapa('info02','info03');" style="cursor:pointer;">Enlace1</a>
<a href="#" class="azul" onClick="MuestraCapa('info02'); OcultaCapa('info01','info03');" style="cursor:pointer;">Enlace2</a></li>
<a href="#" class="azul" onClick="MuestraCapa('info03'); OcultaCapa('info01','info02');" style="cursor:pointer;">Enlace3</a>
<br>
<div id="info01">Capa01</div>
<div id="info02">Capa02</div>
<div id="info03">Capa03</div>
</body>
</html>

y me gustaria saber como puedo hacer para hacer que se oculten con la funcion OcultaCapa('info02','info03'); las capas que yo le paso, como veis en la funcion OcultaCapa() solo recoje (cid1) y me gustaria saber como le puedo pasar los dos o tres o los que sea parametros a ocultar JavierB me paso un codigo este

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

var ie4=(document.all&&navigator.userAgent.indexOf("Opera")==-1);
var ns6=(document.getElementById&&!document.all);
var ope=(navigator.userAgent.indexOf("Opera")!=-1);
var ns4=(document.layers);
var retraso=setTimeout("",100);
var nTemp=0;
var lnx=0;
var lny=0;

function OcultaCapa(cid1) {
  capa = document.getElementById(cid1);
  for (i=0; ele=document.getElementsByTagName('div')[i]; i++)
    if (ie4||ns6||ope) 
      ele.style.visibility="hidden";
    else 
      ele.visibility="hide";
   if (ie4||ns6||ope) 
      capa.style.visibility="visible";
   else 
      capa.visibility="visible";
   }

</script>
</head>

<body>
<a href="#" class="azul" onClick="OcultaCapa('info01')">Enlace1</a>
<a href="#" class="azul" onClick="OcultaCapa('info02')">Enlace2</a></li>
<a href="#" class="azul" onClick="OcultaCapa('info03')">Enlace3</a>
<br>
<div id="info01">Capa01</div>
<div id="info02">Capa02</div>
<div id="info03">Capa03</div>
</body>
</html>

Pero con este lo que hace esque seleciono una y todas las demas me las oculta a piñon fijo y lo que necesito esque me oculte solo las que le paso .....no se si me explique bien...en todo caso a ver si alguien me echa una mano
Gracias