Está usted en Indice > Construcción > Lenguajes > JavaScript > Lecciones y Paso a Paso > Abrir una ventana cuando otra es cerrada con Javascript
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Abrir una ventana cuando otra es cerrada con Javascript

Con el script que mostraremos a continuación podemos abrir una ventana nueva cuando otra es cerrada. Lo bueno que tiene es que se puede configurar la cantidad de segundos que se debe esperar antes de abrir la nueva ventana.

Código fuente

Debes ubicar el siguiente código JavaScript en el tag <head> de la página:

<SCRIPT LANGUAGE="JavaScript">
<!-- Comienzo
closetime = 0; // Cantidad de segundos a esperar para abrir la ventana nueva
function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime*1000);
}
function doPopup() {
url = "popup.htm";
width = 400; // ancho en pixels
height = 320; // alto en pixels
delay = 2; // tiempo de delay en segundos
timer = setTimeout("Start(url, width, height)", delay*1000);
}
// Fin -->
</script>

Y debes agregar el evento OnUnLoad en el <body>

<BODY OnUnLoad="doPopup();">

Código completo

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Comienzo
closetime = 0; // Cantidad de segundos a esperar para abrir la ventana nueva
function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
preview = window.open(URL, "preview", windowprops);
if (closetime) setTimeout("preview.close();", closetime*1000);
}
function doPopup() {
url = "popup.htm";
width = 400; // ancho en pixels
height = 320; // alto en pixels
delay = 2; // tiempo de delay en segundos
timer = setTimeout("Start(url, width, height)", delay*1000);
}
// Fin -->
</script>
</head>
<body UnOnLoad="doPopup();">
<b>Contenido de tu sitio...</b>
</body>
</html>




Autor: Fabian Muller
http://www.webexperto.com/articulos/articulo.php?cod=2

Usuarios que han visto este tema también han visto...

- Enviar mediante POST y GET usando AJAX
- Manejadores de eventos en JavaScript
- Ventana en primer plano
- Mostrar una imagen distinta cada vez que se carga la página en JavaScript
- Librería de validaciones simples para Javascript


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 22-11-2008 a las 09:35:31