problemas con mostrar/ocultar capas

igonfil · #1 (**permalink**) 07/12/2010, 05:31

Hola a tod@s tengon un problema con una capa, el cual consiste en que pulso sobre un botón y me muestra una capa, pulso sobre otro botón introducido en dicha capa que se oculta. Hasta aquí todo bien lo que sucede que ahora vuelvo a pulsar el motón que muestra la capa y ya no la muestra. ¿Cuál puede ser el problema? Muchas gracias
Este es el código

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script language="Javascript">  
function mostrar(nombreCapa){  
document.getElementById(nombreCapa).style.visibility="visible";  
}  
function ocultar(nombreCapa){  
document.getElementById(nombreCapa).style.visibility="hidden";  
}  
</script>  
 
<script src="Drag.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin t&iacute;tulo</title> 
</head> 
 
<body> 
<div id="capa1" onclick="mostrar('window')">Mostrar</div> 
<div id="window" style="position:absolute; z-index:10; left:350px; top:160px; width:400px;background-color:#dde3eb; border:1px solid #464f5a; visibility:hidden">  
     
   <div style="padding-bottom:8px; width:400px; background-color:#718191; border-bottom:1px solid #464f5a;" onMouseDown="beginDrag(this.parentNode, event);"> 
 
      <div style="position:absolute; top:2px; left:5px; font-size:16px; font-weight:bold; color:#FFFFFF;">Drag me!</div>  
        
      <div style="position:absolute; top:3px; left:377px; float:right;" onClick="this.parentNode.parentNode.style.display = 'none';">  
 
         <div onclick="ocultar('window')">close</div> 
 
      </div>  
        
   </div>  
<br/>  
   <div style="margin-left:20px;"></div>  
     
  <br/>  
 
</div>  
 
 
</body> 
</html>

IsaBelM · #2 (**permalink**) 07/12/2010, 06:04

revisando el código mentalmente, digo esto por que aún estoy medio dormida, la función beginDrag no está definida. por otro lado onClick="this.parentNode.parentNode.style.display = 'none'; esta ocultando, si he interpretado bien el html, el div window
para mostrar o ocultar un div no es necesario dos funciones

Cita:

function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibili ty = document.getElementById(nombreCapa).style.visibili ty== "visible" ? "hidden" : "visible";
}

igonfil · #3 (**permalink**) 07/12/2010, 06:10

Muchas gracias, ya está resuelto (que despiste)