Aviso y opcion al intentar cerrar vetana

capitanquartz · #1 (**permalink**) 06/07/2008, 12:59

Muy buenas.

Creo que esto es posible gracias a Javascript, aunque pongo en duda si fuese necesario alguna característica de PHP para ello.

Quiero que cuando el usuario intente cerrar la ventana, se le de un aviso advirtiéndole que el proceso X no ha terminado, y se le de la opción de volver al proceso sin recargar pagina mediante la opción cancelar. Algo, como el aviso al intentar salir del redactor de Gmail y de Wordpress.

He intentado con este código, pero sale de la pagina tras el aviso:

Código:

<head>
<title>TEXT</title>
  <SCRIPT language="JavaScript">
<!-- 
function goAway() { 
if (confirm('¿Estás seguro de que quieres abandonar este script?')) 
return true; 
else { 
alert('Adios'); 
// -->

</SCRIPT>
</head>
<body onUnload="goAway()">
TEXT
</body>
</html>

Muchas gracias por adelantado.
PD: He buscado en el FAQ y con el buscador y no he encontrado nada...

00siete · #2 (**permalink**) 06/07/2008, 15:43

No estoy seguro, pero puedes probar a usar el evento onBeforeUnload en lugar de onUnload.

capitanquartz · #3 (**permalink**) 06/07/2008, 15:59

Queda el código así, pero sigue sin funcionar...

Código HTML:

<head>
<title>TEXT</title>
  <SCRIPT language="JavaScript">
<!-- 
function goAway() { 
if (confirm('¿Estás seguro de que quieres abandonar este script?')) 
return true; 
else { 
alert('Adios'); 
return false;}} 
// Unhide 
// -->

</SCRIPT>
</head>
<body onBeforeUnload="goAway()">
Texto
</body>
</html>

Antes se mostraba la ventana javascript después de cerrarse, ahora antes, pero se de a la opción que sea, se sigue cerrando.

Casi esta solucionado, por favor, solo que

00siete · #4 (**permalink**) 06/07/2008, 16:09

Creo que el problema es que el return (true o false) de la funcion goAway no le esta llegando al "llamante" de la función.

Prueba con ésto: onBeforeUnload="return goAway();"

capitanquartz · #5 (**permalink**) 06/07/2008, 16:17

Parece que funciona :D ¡¡Muchas gracias!! ;)

00siete · #6 (**permalink**) 06/07/2008, 16:21

Me alegro.
Una pregunta, ¿ Con qué navegador lo has probado ? porque yo lo acabo de probar con el Firefox y funciona regular ya que me hace dos preguntas, una en español (la definida en la función goAway) y despues de responder, me pregunta de nuevo pero en inglés.

capitanquartz · #7 (**permalink**) 06/07/2008, 16:36

Si, tambien me di cuenta, pero no me importa porque mi objetivo es evitar que el usuario cierre la ventana, y ello me da tiempo a explicar el motivo.

Otra cosa que querria, es que en caso de que efectivamente se quiera cerrar, se ejecute algun codigo o redireccion, o se den mas avisos. Es posible?

00siete · #8 (**permalink**) 06/07/2008, 16:49

Si, en lugar de "alert('Adios')" puedes poner la redirección. Ejemplo:
document.location.href = "http://www.google.com";

capitanquartz · #9 (**permalink**) 07/07/2008, 08:53

Muchas gracias, aunque ahora tengo otro problema respecto esta solucion.

Necesidad: Necesitaba que la pagina se recargase
Problema: Cada vez que se recargaba llamaba goAway() y mostraba el aviso.
Solucion: Hice un marco y la pagina que se recarga es la que esta dentro del marco.

Necesidad: El marco, tras realizarse la tarea, es necesario que desaparezca y que no siga apareciendo la advertencia.
Solucion: Quitar el marco con un javascript.
Problema: Cuando se intenta quitar el marco se muestra el aviso del goAway.

Solucion que he pensado, pero no se como hacer:
1. Cuando la tarea se termine, se crea una cookie mediante la pagina dentro del marco.
2. La pagina dentro del marco ejecuta el codigo javascript para quitar el marco.
3. La pagina que contiene el marco ejecutara la funcion goAway, y esta lee la cookie creada por la pagina del marco. Si el valor es 1, no pregunta y permite automaticamente que se cierre el marco.

Necesito ayuda escribiendo el codigo, ya que no se como leer la cookie con javascript (he mirado FAQs y paginas y no entiendo nada).

¡¡Muchas gracias!!

capitanquartz · #10 (**permalink**) 07/07/2008, 09:25

Estoy intentando con este codigo que he desarrollado, pero no he conseguido hacerlo funcionar...

Código HTML:

<head>
<title>Sistema salas</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  <SCRIPT language="JavaScript">
<!-- 
function leerCookie(nombre) {
   a = document.cookie.substring(document.cookie.indexOf(nombre + '=') + nombre.length + 1,document.cookie.length);
   if(a.indexOf(';') != -1)a = a.substring(0,a.indexOf(';'))
   return a; 
}
// Hide from old browsers 
function goAway() { 
if (leerCookie(marco) == 1)
{
return true;
}
else {
if (confirm('AVISO: Debes esperar a que la sala se llene. Porfavor, no cierres la ventana.')) 
return true; 
else { 
(!alert("Pulse cancelar despues de este mensaje para no salir"))
return false;}} 
}}
// Unhide 
// -->
</SCRIPT>
</head>
<body onBeforeUnload="return goAway();">
<iframe border="0" src="sala_espera.php" width="100%" height="100%" align="center">

Aviso: Este sistema necesita marcos para funcionar.

</iframe>
</body>
</html>

Porfavor, ayudadme corrigiendo este codigo para hacerlo funcionar. Gracias.

chefwww · #11 (**permalink**) 16/08/2008, 03:42

Hola. Prueba con este código de javascript. Un saludo!

Código:

  <SCRIPT language="JavaScript">
<!-- 
function leerCookie(nombre) {
   a = document.cookie.substring(document.cookie.indexOf(nombre + '=') + nombre.length + 1,document.cookie.length);
   if(a.indexOf(';') != -1)a = a.substring(0,a.indexOf(';'))
   return a; 
}
// Hide from old browsers 
function goAway() { 
	var estado = false;
	
	if (leerCookie('marco') != 1)
	{
		if (confirm('AVISO: Debes esperar a que la sala se llene. Porfavor, no cierres la ventana.')) 
			estado = true; 
		else { 
			alert("Pulse cancelar despues de este mensaje para no salir");
			estado =  false;
		}
	} else estado = true;

	return estado;
}
// Unhide 
// -->
</SCRIPT>