Modifier l'event OnbeforeUnload d'une page

**wylls** · 01/02/2010, 18h29

Bonjour,

Je recherche désespérément un moyen de modifier l'évènement onbeforeUnload d'une page dynamiquement.

C'est à dire que lorsque l'on clique sur un bouton ou autre de la page, l'event soit modifié pour prévenir l'utilisateur que s'il quitte la page tout sera perdu.

Déjà, est ce que c'est possible ?

En vous remerciant par avance !

**vermine** · 02/02/2010, 08h09

Bonjour,

Cet évènement doit être précisé dans le <body>. Le problème c'est que toutes les méthodes pour changer/fermer la page n'activent pas cet évènement . Quel code utilisez-vous pour changer de page ?

**wylls** · 02/02/2010, 09h24

Bonjour,

D'abord merci pour cette réponse matinale !

J'envisageais d'utiliser le code suivant :

Code :

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

1
2
 
onclick="document.body.onBeforeUnload = 'fermer();'"

Et la fonction fermer exécuterait le message d'alerte pour prévenir l'utilisateur.

**le_chomeur** · 02/02/2010, 09h29

pourquoi ne le fait donc tu pas ?

**wylls** · 02/02/2010, 10h26

Ça ne fonctionne pas, alors que l'event change bien, mais quand je quitte la page rien ne se passe.

Pourtant quand je fait :

Code :

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

alert(document.body.onbeforeunload);

Il me retourne 'fermer();'.

J'ai oublié de préciser que je faisais mes essais avec firefox 3.6

Merci pour le coup de main en tout cas.

**vermine** · 02/02/2010, 10h35

Ha oui, j'en reviens à ma question initiale alors, quelles instructions utilisez-vous pour fermer la page ?

**wylls** · 02/02/2010, 10h41

Rien de spécial, c'est juste l'utilisateur qui quitte la page en cours.

Et pour le moment pour effectuer mes tests la fonction "fermer()" contient juste un "alert('test');" pour vérifier qu'elle est bien exécutée. Mais à terme elle permettra de vérifier qu'un ou plusieurs champs sont bien remplis.

**vermine** · 02/02/2010, 10h48

Envoyé par wylls

Rien de spécial, c'est juste l'utilisateur qui quitte la page en cours.

Comment quitte-t-il la page en cours ? En faisant une action sur la page ou bien en fermant la fenêtre avec la petite croix ?

Si c'est la première solution, j'aimerais comprendre ce qu'il se passe réellement. Un envoi de formulaire, un redirect, un submit par une fonction JS, ... ?

**E.Bzz** · 02/02/2010, 10h54

Bonjour,
ça serait plutôt

Code :

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

onclick="document.body.onBeforeUnload = fermer;"

Envoyé par wylls

Mais à terme elle permettra de vérifier qu'un ou plusieurs champs sont bien remplis.

Ben oui, mais quel intérêt puisque de toutes façons tout sera perdu ?

A+

**wylls** · 02/02/2010, 11h01

En fait, je prévois d'envisager plusieurs cas, car l'utilisateur pourra quitter le formulaire de plusieurs façon :

- Soit en changeant de page, en cliquant sur un lien, c'est là que j'ai besoin du onbeforeunload
- Soit en cliquant sur fermer la fenêtre (fenêtre que je crée pour lui afficher le formulaire), dans ce cas je mettrai ma fonction femer() sur le bouton de fermeture de fenêtre.

Sinon, je ne fais pas de formulaire réellement, mais une fenêtre avec des champs mis à jour avec ajax, et ajax met à jour les champs d'un enregistrement 'temporaire' dans ma base de données.

Et si l'utilisateur ne rempli par les champs impératifs, je le préviens lorsqu'il quitte la page que l'enregistrement sera supprimé complétement s'il ne rempli pas ce ou ces champs.

**vermine** · 02/02/2010, 11h10

J'ai déjà eu des soucis avec les href et onclick sur un lien. Il ne tenait pas compte du onclick ou bien les changements que je voulait effectuer n'était pas encore impacté lorsqu'il lançait son href.

Sauirez-vous mettre le "changement de page" dans la fonction fermer() ?

**wylls** · 02/02/2010, 11h16

Désolé, mais en te lisant je me suis aperçu que je n''étais pas très clair sur le point suivant :

- Soit en changeant de page, en cliquant sur un lien, c'est là que j'ai besoin du onbeforeunload

En fait il faut lire n'importe quel lien, il peut quitter la page en changeant de site, ou en changeant de page de mon site. Et donc je ne peux pas modifier tout les liens de ma page.

**vermine** · 02/02/2010, 12h29

Bon, je n'arrive pas à lancer la fonction fermer une fois changée via le onclick...

Par contre, le onBeforeUnload lance lui-même un confirmation et requiert donc une valeur de retour. N'oubliez pas le :

Code :

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

1
2
 
... onBeforeUnload=return fermer(); ...

**wylls** · 02/02/2010, 14h46

Merci pour l'info, mais ça ne fonctionne toujours pas, sic !

En attendant, j'ai mis un div qui bloque toute ma page sauf ma fenêtre, et donc l'utilisateur est obligé de cliquer sur la croix de ma fenêtre pour virer le div. Et là, je peux gérer l'event comme je veux.
Mais bon, c'est pas terrible comme solution, car il suffit de rafraichir la page....

Si jamais quelqu'un a une solution, surtout qu'il n'hésite pas ;-).

**E.Bzz** · 02/02/2010, 14h56

Et avec

Code :

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

onbeforeunload

?
(JS est sensible à la casse)

A+

**vermine** · 02/02/2010, 15h46

A priori non. Je pense qu'il faut regarder du côté des <a> et des modifications du body. Il n'a pas l'air de tenir compte soit des modifications du body, soit du body lui même lorsqu'on fait un href...

Modifier l'event OnbeforeUnload d'une page

JavaScript

Discussions similaires

Partager

Partager