Empêcher de quitter la page => onUnload ?

**Zakapatul** · 05/09/2007, 09h47

Bonjour à tous

,

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

**Bisûnûrs** · 05/09/2007, 09h53

Code :

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

onunload="return false"

Pas dit que ça fonctionne ..

**Zakapatul** · 05/09/2007, 10h01

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 :

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

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

La fonction alerteChangementPage() appelée :

Code :

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

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...

**Matthieu2000** · 05/09/2007, 10h06

Code :

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

1
2
3
while (true){
alert("pas bien");
}

**Zakapatul** · 05/09/2007, 10h11

Code :

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

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...

**Zakapatul** · 05/09/2007, 10h42

Yeeees

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 :

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

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

La fonction :

Code :

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

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é !

Empêcher de quitter la page => onUnload ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager