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!