Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/07/2008, 16:48
abigor66
 
Fecha de Ingreso: mayo-2008
Mensajes: 489
Antigüedad: 16 años
Puntos: 8
Respuesta: Mostrar y ocultar contenidos

Solucionado:
Como no puedo eliminar el post, pongo la solución.

Código HTML:
<html>
<head>
<script>
var capas = ["capa1", "capa2", "capa3", "capa4"];
function mostrar(capa) {
for (i = 0, total = capas.length; i < total; i ++)
document.getElementById(capas[i]).style.display = (capas[i] == capa) ? "block":"none";
}
</script>

<style type="text/css">
<!--
#capa1, #capa2, #capa3, #capa4  {
display: none;
}
-->
</style>
</head>
<body>
<a href="#" onclick="mostrar('capa1')"> mostrar capa 1 </a>
<a href="#" onclick="mostrar('capa2')"> mostrar capa 2 </a>
<a href="#" onclick="mostrar('capa3')"> mostrar capa 3 </a>
<a href="#" onclick="mostrar('capa4')"> mostrar capa 4 </a>
<div id="capa1" >
contenido de capa1
</div>
<div id="capa2" >
contenido de capa2
</div>
<div id="capa3" >
contenido de capa3
</div>
<div id="capa4" >
contenido de capa4
</div>
</body> 
Gracias de todas maneras

Última edición por abigor66; 15/07/2008 a las 16:58