Problema con OnBeforeUnload

randoss · #1 (**permalink**) 14/05/2012, 12:15

Hola,
Tengo un problema a la hora de usar OnBeforeUnload, quiero mostrar un mensaje cuando salgo de una pagina determinada (voy hacia otra página distinta) avisando de que podría perder los datos.

Lo único que quiero controlar, que sólo me avise cuando se sale de dicha página (no cuando se recarga), como puedo controlarlo? Hay alguna forma de saber a la página hacia la que voy y así actuar en consecuencia?

Muchas Gracias.

blittcer · #2 (**permalink**) 14/05/2012, 12:33

Osea solo cuando vas a salir a una pagina externa no a los enlaces de la propia web no? a mi también me interesa justo eso. pero con el evento onUnload que es cuando ya saltes de la pagina que creo...

La verdad es que no se como hacer esto justo estaba buscándolo.

randoss · #3 (**permalink**) 14/05/2012, 12:36

No exactamente, cualquier tipo de enlace, externo o interno, pero no cuando se recarga la propia página.

Pero vamos, que lo quiero controlar es hacia donde se está redirigiendo mi página, y así poder ponerle una condición de que si es distinta a la que estoy, que me muestre el aviso.

emprear · #4 (**permalink**) 14/05/2012, 13:01

La idea es advertir al usuario si inició una acción, como el ingreso de datos en un form, he intenta abandonar la página sin haberlos procesados, si no no pasa de ser un mensaje molesto. Por lo que habría que crear una condición, este ejemplo a lo mejor te oriente para buscar una solución

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
var datosSinProcesar ;
window.onbeforeunload = Salir;  
function Salir(){    
if (datosSinProcesar == 1) {
return "Si has hecho algun cambio sin guardar se perderan todos los datos.";  
}
}
 
function deja_var(a){
if(a == 'si'){
datosSinProcesar = 1;
}else{
datosSinProcesar = 0;
}
}
//]]>
</script>
</head>
<body>
<form action="#" onsubmit="return deja_var('no');">
<input type="text" onkeypress="deja_var('si');" value="" />
<input type="submit" />
</form>
</body>
</html>

Puede mejorarse controlando los valores de los campos. Pero basicamente la idea sería esa. Saludos

blittcer · #5 (**permalink**) 14/05/2012, 13:08

Cita:

Iniciado por randoss

No exactamente, cualquier tipo de enlace, externo o interno, pero no cuando se recarga la propia página.

Pero vamos, que lo quiero controlar es hacia donde se está redirigiendo mi página, y así poder ponerle una condición de que si es distinta a la que estoy, que me muestre el aviso.

Pero de todas formas si estás en la propia página y recargas se te perderían los datos... por lo menos si a recargar te refieres con un actualizar (F5).