Mostrar/ocultar capas DIV pulsando sobre un enlace

3 Diciembre, 2009 por Ascariz Dejar una respuesta »

Ejemplo de como ocultar y mostrar capas “div” con enlaces para cualquier lenguaje de programación HTML, ASP , PHP y . NET

<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>
<div id=”capa2″ style=’position:relative;’>
Esta es la capa 2
</div>
<a href=”#” onclick=”cambio(’capa1′)”>Muestra/oculta la capa 1</a>
<br>
<a href=”#” onclick=”cambio(’capa2′)”>Muestra/oculta la capa 2</a>
</body>

Publicidad

2 comentarios

  1. CheRivera dice:

    Hola Ascariz, estoy analizando tu script y esta muy bueno, pero hay algo que no puedo hacer con este mismo script, aver si me hechas una manito.

    Agregue una publicidad adsense dentro del div que se ocultara y aparecer, pero no al momento de desaparecer la capa, solo desaparece la capa pero la publicidad de google se sigue viendo, sabes como puedo lograr que desaparesca?

    saludos y gracias

  2. kenar dice:

    Muchas gracias, me va como anilo al dedo este código fuente de .net

Dejar un comentario

*