Mensaje al Cerrar Ventana

mixba · #1 (**permalink**) 10/08/2004, 17:58

Holas:

Tengo una duda, es que quisiera saber como puedo hacer para que con algún script de javascript al presionar el botón X del browser aparezca un mensaje de advertencia que el usuario se quiere ir de esa web saliendo un cartelito de windows y darle la opción acéptar o cancelar

gracias

adios

MixBA

orharo2003 · #2 (**permalink**) 10/08/2004, 22:17

en el body agregar onUnLoad="nombre_funcion()", es un manejador de eventos que te indica o se dispara cuando se dispone el usuario a salir de la página, Lo que no se es como cancelarlo, ya que al dispararse no hay vuelta de hoja solamente volviendo a cargar la página.

mixba · #3 (**permalink**) 11/08/2004, 11:03

bien, solucionado

gracias

martinArgentino · #4 (**permalink**) 11/08/2004, 17:41

Tené cuidado con el evento onUnload, pues el código javascript que en este manejador de eventos escribas, tambien se ejecutará en los siguientes casos:

Al hacer click en un linck de la pagina
Al refrescar la pagina.
Al escribir una url en la barra de direcciones.

Con esta función podes hacer que solo muestre el mensaje en el caso en que cierre la ventana, pero lamentablemente solo funca para IE. Es mas estoy buscando algo que tambien funcione para Netscape y Mozilla.

function ExitSite(e) {
width=515;
height=225;
if (navigator.appName.indexOf("Microsoft")>=0){
e=event;
var tempX = e.clientX + document.body.scrollLeft;
var tempY = e.clientY + document.body.scrollTop;
if(tempX<0&&tempY<0){
OpenCenteredPopup('popup.asp','popWin',width,heigh t,'toolbar=0, location=0, directories=0, status=0, menuBar=0, scrollBars=0, resizable=0','')
}
}else{
//nose Netscape u otros
}
return true;
}
}

Saludos

mangui · #5 (**permalink**) 11/08/2004, 18:59

La verdad es que yo llevo bastante tiempo liado con esto y si encontraras una buena solucion para NE estaria muy bien.

chalchis · #6 (**permalink**) 11/08/2004, 23:06

hola tengo una duda como aplico esa funciona en mi pagina porque la puse entre las cabeceras de mi pagina dentro de las etiquetas de javascript y me marca errores, como debo poner la funcion en mi pagina a otra cosa, con tu funcion usando unload solo ese evento funciona en mozilla o netscape pero en ie seria onBeforeUnload

martinArgentino · #7 (**permalink**) 12/08/2004, 07:20

Perdón, lo que pasa es que hay una llamada a una función que no la puse, de todos modos podrías reemplazarla por window.open(..... ,y si no esta es la funcón que faltaba.

function OpenCenteredPopup(page,title,width,height,options, fixed)
{
//correct size for the popup
var popupWidth;
var popupHeight;
var popupTop;
var popupLeft;

if (fixed=='yes') {

if (width==0)
popupWidth = screen.width - 100;
else
popupWidth = width;
if (height==0)
popupHeight = screen.height - 100;
else
popupHeight = height;

} else {

if (width==0)
popupWidth = screen.width - 100;
else
popupWidth = screen.width * width / 800
if (height==0)
popupHeight = screen.height - 100;
else
popupHeight = screen.height * height / 600

}

//center the popup
var screenX;
var screenY;

screenY = screen.availHeight;
screenX = screen.availWidth;

popupLeft = (screenX - popupWidth) / 2;
popupTop = (screenY - popupHeight) / 2;
if (navigator.appName.indexOf("Microsoft")<0) {
popupLeft = (popupLeft - pageXOffset);
popupTop = (popupTop - pageYOffset);
}
if (popupTop<0) popupTop=0;
if (popupLeft<0) popupLeft=0;

//opens the popup
if (navigator.appName.indexOf("Microsoft")>=0)
{
if (options != '') options+=',';
options+='width='+popupWidth+',height='+popupHeigh t+',left='+ popupLeft +',top='+popupTop;
}
else
{
if (options != '') options+=',';
options+='width='+popupWidth+',height='+popupHeigh t+',screenX='+ popupLeft +',screenY='+popupTop;
}
floater=window.open(page,title,options);
floater.focus();
}

martinArgentino · #8 (**permalink**) 12/08/2004, 07:36

mangui:

Aqui hay algo que funca (mas o menos feo) para netscape. La idea es que se siga la posición del mouse al hacer click en el botón cerrar, pues cuando ello suceda la posición de e.pageY debería ser 0 pues se encuentra fuera de document.

No es una solución, pero por ahi te da alguna idea y entre amobos sacamos algo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<script>

function OpenCenteredPopup(page,title,width,height,options, fixed)
{
//correct size for the popup
var popupWidth;
var popupHeight;
var popupTop;
var popupLeft;

if (fixed=='yes') {

if (width==0)
popupWidth = screen.width - 100;
else
popupWidth = width;
if (height==0)
popupHeight = screen.height - 100;
else
popupHeight = height;

} else {

if (width==0)
popupWidth = screen.width - 100;
else
popupWidth = screen.width * width / 800
if (height==0)
popupHeight = screen.height - 100;
else
popupHeight = screen.height * height / 600

}

//center the popup
var screenX;
var screenY;

screenY = screen.availHeight;
screenX = screen.availWidth;

popupLeft = (screenX - popupWidth) / 2;
popupTop = (screenY - popupHeight) / 2;
if (navigator.appName.indexOf("Microsoft")<0) {
popupLeft = (popupLeft - pageXOffset);
popupTop = (popupTop - pageYOffset);
}
if (popupTop<0) popupTop=0;
if (popupLeft<0) popupLeft=0;

//opens the popup
if (navigator.appName.indexOf("Microsoft")>=0)
{
if (options != '') options+=',';
options+='width='+popupWidth+',height='+popupHeigh t+',left='+ popupLeft +',top='+popupTop;
}
else
{
if (options != '') options+=',';
options+='width='+popupWidth+',height='+popupHeigh t+',screenX='+ popupLeft +',screenY='+popupTop;
}
floater=window.open(page,title,options);
floater.focus();
}

var pX=1;
var pY=1;

function ExitSite(e) {
width=515;
height=225;
if (navigator.appName.indexOf("Microsoft")>=0){
e=event;
var tempX = e.clientX + document.body.scrollLeft;
var tempY = e.clientY + document.body.scrollTop;
if(tempX<0&&tempY<0){
OpenCenteredPopup('popup.asp','popWin',width,heigh t,'toolbar=0, location=0, directories=0, status=0, menuBar=0, scrollBars=0, resizable=0','')
}
}else{
if(pY<20){
OpenCenteredPopup('popup.asp','popWin',width,heigh t,'toolbar=0, location=0, directories=0, status=0, menuBar=0, scrollBars=0, resizable=0','')
}
return true;
}
}

function mouseMove(e) {
pX = (navigator.appName.indexOf("Microsoft")>=0)? event.x+document.body.scrollLeft: e.pageX ;
pY = (navigator.appName.indexOf("Microsoft")>=0)? event.y+document.body.scrollTop: e.pageY;
return true;
}

function init(){
window.onunload=ExitSite;
document.mousemove=mouseMove;
}
</script>
<body onLoad="init();" >
</body>
</html>

#9 (**permalink**) 12/08/2004, 18:56

Hola tengo un problema similar. pero necesito ejecutar cierto código cuando se cierre la ventana... podrían decirme como atrapo este evento

mixba · #10 (**permalink**) 06/09/2004, 09:43

He probado los scripts pero me da error, no habrá otra forma de hacer que solo salga la advertencia con la opción de Aceptar o Cancelar cuando me voy de la web presionando X unicamente

Gracias