Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/03/2006, 06:57
javihb
 
Fecha de Ingreso: octubre-2004
Mensajes: 230
Antigüedad: 19 años, 6 meses
Puntos: 0
Ocultar y mostrar capas

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>