Empêcher de quitter la page => onUnload ?

Version imprimable

05/09/2007, 09h47
Zakapatul

Empêcher de quitter la page => onUnload ?

Bonjour à tous :D,

J'ai une page avec un formulaire HTML traité par PHP. J'aimerais que l'utilisateur ne puissent pas quitter la page sans utiliser les boutons dédiés (à savoir "valider" ou "annuler" le formulaire).

Je parviens à afficher un message d'alerte en utilisant l'event "onUnload" mais cela n'empêche pas de quitter la page...

Quelqu'un aurait-il une piste sur laquelle je puisse travailler ?

Merci d'avance,

Zakapatul
05/09/2007, 09h53
Bisûnûrs

Code:

onunload="return false"

:question:

Pas dit que ça fonctionne ..

J'ai essayé ça oui en m'inspirant de la manière dont je procède pour empêcher la validation d'un formulaire... mais sans succès.

Voici donc le code que j'ai rapidement écris mais qui ne remplit pas exactement son rôle :

Mon écouteur de l'event onUnload :

Code:

<body onUnload = "return alerteChangementPage();">

La fonction alerteChangementPage() appelée :
Code:

1 2 3 4 5 6 7 8 9 10 function alerteChangementPage(){ if(modif==true){ if(confirm('Des modifications ont été apportées, voulez-vous quitter ?')){ return true ; } else { return false ; } } }
Le message de confirmation s'affiche bien mais quel que soit le choix de l'utilisateur, on quitte la page en cours...

05/09/2007, 10h06
Matthieu2000
Code:

1 2 3 while (true){ alert("pas bien"); }
05/09/2007, 10h11
Zakapatul
Citation:
Code:

1 2 3 while (true){ alert("pas bien"); }
Euh... oui. Merci pour le message subliminal mais je ne comprends pas exactement quoi faire de cela... J'ai bien conscience que mon code n'est pas exemplaire mais quelques explications supplémentaires seraient nécessaires...
05/09/2007, 10h42
Zakapatul
Yeeees :yaisse2:

J'ai trouvé la solution à mon problème : utiliser l'event onBeforeUnload plutôt que onUnload...

Du coup cela devient très simple :

L'écouteur :

Code:

<body onbeforeUnload = "return alerteChangementPage();">

La fonction :
Code:

1 2 3 4 function alerteChangementPage(){ if(modif==true) return "Les modifications non-sauvegardées ne seront pas conservées." ; }
Merci à tous ceux qui m'ont aidé !