Hola!,
Mira te dejo un ejemplo:
Código HTML:
<html>
<head>
<script>
var w="";var btn="";
function actualizar(){/* esta función es para que cuándo se cierre la ventana sin utilizar el botón, entonces se actualize y se coloque el letrero de Abrir ventana*/
if(!w.document && btn)
btn.value="Abrir ventana";
}
function abrir(btnThis){ /* esta función es la que usa el botón de la ventana principal para abrir y cerrar la ventana secundaria */
btn=btnThis;
if(!w.document){ // si detecta que w no tiene un documento entonces abre una ventana
w=window.open('','','width=200,height=200');
w.document.body.innerHTML='Ventana abierta';
btn.value="Cerrar ventana";
}
else{ // si detecta un documento en w entonces cierra la ventana
w.close();
btn.value="Abrir ventana";
}
}
</script>
</head>
<body onload="setInterval('actualizar()',1);"> <!-- Se inicia el intervalo para la función actualizar cuándo cargue la página -->
<input type="button" value="Abrir ventana" onclick="abrir(this)" />
<!-- este es el botón que se utiliza para abrir y cerrar la ventana secundaria por medio del evento click y la función abrir() -->
</body>
</html> Básicamente se crea una variable "w" que si tiene un documento(document) entonces abra la ventana y si no detecta ningún documento (document) entonces cierre la ventana.
Checalo creando un archivo html para que pruebes el codigo fuente y te des ideas para que hagas tu proyecto, Saludos!.