Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2008, 14:44
Avatar de hgp147
hgp147
 
Fecha de Ingreso: diciembre-2006
Ubicación: Buenos Aires, Argentina
Mensajes: 980
Antigüedad: 18 años
Puntos: 36
Duda con mostrar/ocultar capas

Hola, con el código de abajo que encontre en este foro, logro que se muestren y oculten las capas. Lo que quiero es que por defecto al entrar a la página me muestre una de las capas, esto lo logre reemplzando en el código de abajo esto:
<div id="capa1" style="display:none">Capa 1</div> por esto: <div id="capa1" style="display:block">Capa 1</div>.
El problema es que si luego hago click en el link de capa2, quedan visibles las dos capas, cuando tendría que verse solo la 2 y ocultarse la capa1.

Código HTML:
<html>
<head>
<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 onload="ver('capa2')">
<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> 
Gracias