Ventanas editadas a gusto (Aporte)

Joselitro · #1 (**permalink**) 09/12/2010, 11:52

indagando sobre el tema de cerrar mis "ventanas" o simulaciones de ventanas xd, que las uso mediante un <span></span> descubri que para poder cerrar la ventana mediante el script que dejo aqui debajo no podia usar el mismo evento tanto para abrirla como para cerrarla asi que aqui os dejo la clave, con el evento dragme pueden hacer que las ventanas se muevan por la pagina =)

Código HTML:

<html>
<head>
//El javascript//
<SCRIPT LANGUAGE="JavaScript">
function hidebox(){
document.getElementById( 'DIV' ).style.display='none';
}
</SCRIPT>
</head>
<body>
El span:
<span onclick="document.getElementById( 'DIV' ).style.display='';">Abrir</span>
La Div:
<div id="DIV" onclick="document.getElementById( 'DIV' ).style.display='';" style="position: absolute; top: 20px; left: 20pt; width: 800px; display: none;"><?include('mi ventana')?></div>
</body>
</html>

Y el boton de cierre dentro de "mi ventana"

Código HTML:

<html>
<head>
</head>
<body>
<a href="javascript:hidebox()">Cerrar</a></div>
</body>
</html>

IsaBelM · #2 (**permalink**) 09/12/2010, 14:21

Cita:

Iniciado por Joselitro

indagando sobre el tema de cerrar mis "ventanas" o simulaciones de ventanas xd, que las uso mediante un <span></span> descubri que para poder cerrar la ventana mediante el script que dejo aqui debajo no podia usar el mismo evento tanto para abrirla como para cerrarla asi que aqui os dejo la clave, con el evento dragme pueden hacer que las ventanas se muevan por la pagina =)

no he entendido bien el código, pero puedes mostrar y ocultar un div desde el mismo llamado a una función. con una condicional terciaria, por ejemplo