Ocultar y mostrar capas

javihb · #1 (**permalink**) 08/03/2006, 06:57

Hola amigos vereis tengo un codigo que en principio muestra 3 capas pero cuando pulsas sobre un enlace se tendria que quedar la capa pulsada y ocultarse las otras dos....pero solo se me oculta una y se que es porque solo le paso el parametro de una capa ,,,,y mi pregunta es como podria pasarle los dos parametros??
Gracias

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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>

JavierB · #2 (**permalink**) 08/03/2006, 09:50

Hola javihb

He modificado tu código, pruebalo a ver si te sirve. Entre otras cosas he quitado lo de style="cursor:pointer;" porque no es necesario, en los enlaces se muestra, por defecto, el cursor de la manita:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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>

Saludos,

javihb · #3 (**permalink**) 08/03/2006, 12:27

Muchas gracias esto es lo que buscaba......

TolerantX · #4 (**permalink**) 20/03/2006, 09:51

Hay alguna forma de mostrar/ocultar capas con php?

TolerantX · #5 (**permalink**) 29/03/2006, 10:38

Reviviendo la pregunta, alguna forma de mostrar/ocultar capas con PHP?

caricatos · #6 (**permalink**) 29/03/2006, 11:49

Hola:

Con php se pueden mostrar/ocultar capas al generar la página

Si tienes la variable $ocultar = "si"...

<div style="display: <?php if ($ocultar == "si" echo "none" else echo "block")?>"

Saludos

TolerantX · #7 (**permalink**) 30/03/2006, 11:24

Gracias por la respuesta, de hecho tengo así la programación de mis capas, pero buscaba algo un poco más cómodo, igual y es la única manera o_O