problema con mostrar/ocultar capas (FAQ 57)

erchiva · #1 (**permalink**) 16/06/2005, 11:52

Hola, llevo unos días atascado con la web que estoy haciendo, quiero crear unos enlaces q muestren/oculten unos textos al pulsar sobre ellos. Dreamweaver tiene una opción para ello, pero no me sale activa, creo q es xq uso capas anidadas y flotantes. Encontré en el foro de javascript una FAQ (num 57) que explica como hacerlo, pero me falta un paso para que funcione como yo quiero, y es que cuando se vea una capa se oculten las demás. Esto es xq quiero que se muestren cada una de las visibles/invisibles en el mismo sitio, y si se ven varias a la vez será un galimatías. ¿alguien puede facilitarme el código que me falta?

erchiva · #2 (**permalink**) 16/06/2005, 12:24

eeps, otra cosa, me he dado cuenta de que el script funciona en firefox y opera, pero no va en explorer. Si alguien conoce una solución...

JavierB · #3 (**permalink**) 16/06/2005, 12:46

Hola erchiva

Te he preparado un poco de código:

Código PHP:

  <html>

<head>

<title>Untitled</title>

<script>

var vista = null;

function ver(ide) {

  obj = document.getElementById(ide);

  obj.style.display = 'block';

  if (vista!=null && vista!=obj)

    vista.style.display = 'none';

  vista = obj;

}

</script>

</head>

<body>

<a href="#" onclick="ver('capa1'); return false">Capa 1</a>

<a href="#" onclick="ver('capa2'); return false">Capa 2</a>

<div id="capa1" style="display:none">Capa 1</div>

<div id="capa2" style="display:none">Capa 2</div>

</body>

</html>

Saludos,

erchiva · #4 (**permalink**) 17/06/2005, 12:28

Gracias, creo que ya he encontrado la solución, pero probaré también esta para ver cual me va mejor, muchas muchas gracias!