Confirmation pour quitter la page

**Douzout** · 22/01/2013, 12h11

Bonjour,

J'ai un formulaire HTML proposant normalement tous les boutons possibles pour l'utilisateur ("sauvegarder et quitter", "quitter sans sauvegarder", "sauvegarder et vue lecture", etc.). Tout fonctionne parfaitement. Et sous IE 8 en plus

Je souhaiterais maintenant faire en sorte qu'un message apparaisse quand il ferme "brutalement" la fenêtre ou onglet, l'incitant à utiliser les bons boutons.

J'ai tenté la combinaison suivante :

Fichier HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY ONLOAD="setHiddenValues();allerEmballage();optPf();optionsEtiquettes();" ONCLICK="cacheListes();" ONBEFOREUNLOAD="checkFermetureBrutale();">

Fichier JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function checkFermetureBrutale(){
	if (quitPropre == false) {
		var certainQuitter = confirm("Voulez-vous quitter cette page sans enregistrer vos modifications ? \n \n [OK] pour quitter \n [Annuler] pour rester sur cette page");
		if (certainQuitter) {
			alert("oui je suis sur");
			var formId = document.myForm._1_1_243_1.value; var ajaxUrl='livelink.exe'; var postData = new Object();
			postData.func = 'll'; postData.objId = report_delEditUser; postData.objAction = 'RunReport'; postData.nextUrl = '';
			postData.idFormulaire = formId;
			$j.ajax ({
				type: 'POST', 
				url: ajaxUrl, 
				data: postData, 
				success: function(){
					document.location = document.getElementById('_1_1_245_1').value;
				}
			});
			//return false;	
		}
		else {
			alert("au temps pour moi");
			return false;
		}
	}
}

Mais l'onglet se ferme que je choisisse "OK" ou "Annuler", et je ne vois pas trop d'où vient le problème...Je m'attends à ce que cliquer sur "Annuler" annule la fermeture, et l'on reste donc sur la page.
J'ai remplacé l'évènement "ONUNLOAD" par "ONBEFOREUNLOAD", je ne crois pas que cela change grand chose (si ce n'est pour les couleurs notepad++ visiblement...)

Merci pour votre aide !

**SpaceFrog** · 22/01/2013, 12h16

ça existe encore les evenements en majuscule ???

et faut surtout rajouter return

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onbeforeunload ="return checkFermetureBrutale();"

**Douzout** · 22/01/2013, 15h40

Merci pour ces conseils sur les bonnes pratiques basiques

J'ai désormais le code suivant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<BODY ONLOAD="setHiddenValues();allerEmballage();optPf();optionsEtiquettes();" ONCLICK="cacheListes();" onbeforeunload="return delEditUser();">

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function delEditUser(){
	if (quitPropre == false) {
		alert ("onbeforeunload !");
			var certainQuitter = confirm("Voulez-vous quitter cette page sans enregistrer vos modifications ? \n \n [OK] pour quitter \n [Annuler] pour rester sur cette page");
			if (certainQuitter) {
				alert("oui je suis sur");
				var formId = document.myForm._1_1_243_1.value; var ajaxUrl='livelink.exe'; var postData = new Object();
				postData.func = 'll'; postData.objId = report_delEditUser; postData.objAction = 'RunReport'; postData.nextUrl = '';
				postData.idFormulaire = formId;
				$j.ajax ({
					type: 'POST', 
					url: ajaxUrl, 
					data: postData, 
					success: function(){
						document.location = document.getElementById('_1_1_245_1').value;
					}
				});
				return false;	
			}
			else {
				alert("au temps pour moi");
				return false;
			}
	}
}

et j'ai désormais 2 fenêtres de confirmation : la mienne puis une IE indiquant ""Voulez-vous vraiment quitter cette page ?" puis "false" à la ligne, puis encore à la ligne "Voulez vous fermer..." avec [OK] et [Annuler]

Voici les quatre scénarii de clics lors de la fermeture de l'onglet :
1.
alert "onbeforeunload !" (OK)
Confirm perso
Si [OK]
alert "oui je suis sur" (OK)
Popup IE "Voulez-vous vraiment quitter cette page ? false"
Si [OK]
Fermeture de l'onglet, l'ajax s'est exécuté
2.
alert "onbeforeunload !" (OK)
Confirm perso
Si [OK]
alert "oui je suis sur" (OK)
Popup IE "Voulez-vous vraiment quitter cette page ? false"
Si [Annuler]
onglet redirigé par le "document.location", l'ajax s'est exécuté
3.
alert "onbeforeunload !" (OK)
Confirm perso
Si [Annuler]
alert "au temps pour moi" (OK)
Popup IE "Voulez-vous vraiment quitter cette page ? false"
Si [OK]
Fermeture de l'onglet, l'ajax n'est pas exécuté
4.
alert "onbeforeunload !" (OK)
Confirm perso
Si [Annuler]
alert "au temps pour moi" (OK)
Popup IE "Voulez-vous vraiment quitter cette page ? false"
Si [Annuler]
On reste sur la page, l'ajax n'est pas exécuté

Seuls le 1. (dans le cas où l'utilisateur veut effectivement partir. L'ajax doit être exécuté) et le 4. (dans le cas où il souhaite annuler, l'ajax ne doit pas être exécuté)
Je vais commencer par enlever ce document.location...
Si vraiment je n'ai pas ce que je veux, je ne demanderai rien à l'utilisateur et exécuterai l'ajax, et pis tant pis

Confirmation pour quitter la page

JavaScript

Vue hybride

Discussions similaires

Partager

Partager