Ventana emergente

**crimi** · 14/07/2011, 09:49

Hola alguien sabe que codigo usar para que salga una ventana emergente cuando se cierra la sesion y donde colocarlo?
Gracias.

**johnpeterjp** · 16/07/2011, 04:29

Existe la posibilidad de insertar un código javascript que muestre un mensaje al salir de la web, el código sería:

Código:

<script language="javascript">
	var exit=true;
	function exitwindow(){
		if (exit) {
			confirm('Gracias por tu visita, espero que no sea la última');	
		}
	}
</script>

Intenta con esto y si se acomoda a lo que quieres o buscamos algo más apropiado.

**crimi** · 28/07/2011, 22:37

Hola amigo,
coloque el codigo dentro de mi cabecera y no funciono,
tienes alguna otra idea.
Gracias y saludos.

**mohab** · 28/07/2011, 23:19

pon en el tag body el atributo

Código HTML:

onBeforeUnload="return 'Estas seguro?';"

de manera que quede asin :

Código HTML:

<body onBeforeUnload="return 'Estas seguro?';">

Y ya esta! Saludos.

**johnpeterjp** · 29/07/2011, 01:52

En internet hay muchos temas al respecto, acá hay otro de entrada y salida.

Código:

<BODY onLoad="alert('Mensaje de bienvenida a mi Sitio Web');" onUnLoad="confirm('Quiere usted salir de esta excelente pagina?');">

**Salmarina** · 29/07/2011, 21:14

las respuestas que te han pasado sirven para mostrar un cartelito de confirmación.
si lo que quieres es mostrar una ventana, lo que entendemos por "pop-up", el código es distinto:

Código:

miVentana = window.open('http://universojuegos.es','Titulo', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); miVentana.focus()

Ese código abre una nueva ventana. Dentro de esa ventana carga la web "universojuegos.es" (lógicamente, puedes cambiarlo por la web que quieras mostrar). Le pone a la ventana un título, y coloca la ventana a 20px del borde izquierdo de la pantalla, y a 20px del borde superior.
El tamaño de la ventana será de 500x500 tal como puedes ver.
Por último, indica que la ventana tenga barra de herramientas (toolbar=1) y que NO se pueda redimensionar (resizable=false).

La orden final, miVentana.focus() hace que la ventana aparezca en primer plano (las que no aparecen en primer plano se llaman "pop-under").

¿Dónde colocar este código? Puedes ponerlo en un botón, para que la ventana aparezca cuando el usuario pinche el botón:

Código:

<input type="button" onclick="CÓDIGO">

O bien si como dices quieres que esto ocurra al irse de tu página, en el body:

Código:

<body onBeforeUnload="CÓDIGO">

Normalmente este tipo de ventanas son bloqueadas por los navegadores.

**johnpeterjp** · 30/07/2011, 00:38

Por lo que dices al final de tu mensaje Salmarina, es que es una muy mala opción. Si desean lograr un efecto similar pero mucho mejor, pueden usar ventanas modales como lightbox, que hoy abren cualquier tipo de comtenidos. Saludos.

**Doodleo** · 30/07/2011, 11:13

Sí, con LightBox (o ShadowBox, su clon) también puedes hacer que se abra al entrar a la página, pero no como pop-up (por lo que los navegadores no te lo bloquearían)

**crimi** · 31/07/2011, 21:40

Gracias, probare y os cuento chicos.

**Carlo1148** · 08/12/2011, 19:47

Olaz crimi. Puedes usar este codigo k va con su script

Código HTML:

<a href="javascript:ventanaSecundaria('emergente.html')"> Pincha en este enlace para abrir la ventana secundaria</a> 
<script language="JavaScript" type="text/javascript">
window.open("emergente.html" , "ventana1" , "width=120,height=300,scrollbars=NO") 
</script>

(ojo lo pones en el body)

PD: debes tener, en tu carpeta el html k va a salir como popout. (en este caso "emergente.html")