onbeforeunload et bouton submit

Version imprimable

11/06/2008, 17h13
pra

onbeforeunload et bouton submit
Bonjour à tous,

Alors voilà, j'ai un petit souci avec beforeunload et l'envoi d'un formulaire. J'ai fais quelque recherche, j'ai trouvé des personnes ayant fait le même style de requête mais je n'ai pas trouvé chaussure à mon pied :)

Le contexte
J'ai un site permettant d'ajouter et modifier des "activités" dans une base de données. Ce site fonctionne avec un système de session. J'ai donc un formulaire permettant la modification d'une activité. Dès l'affichage de l'activité, je la bloque pour que personne d'autre ne puisse la modifier en même temps. Après la modification, l'activité est évidemment débloquée.

Le souci
Si l'utilisateur quitte la page (en cliquant sur un lien du menu ou tout simplement quittant le site), l'activité reste malheureusement bloquée. Je sais qu'un timer permettrait de débloquer toutes les activités après un certain temps, mais je recherche la solution optimale.

Mon approche
J'ai donc tenté un approche avec onbeforeunload. N'ayant pas accès à la balise <body> dans cette page, je l'utilise de cette façon :
Code:

1 2 3 4 5 <script type="text/javascript"> //<![CDATA[ window.onbeforeunload = function() { return "Attention"; }; //]]> </script>
Le problème se situe alors dans le fait que si l'utilisateur envoie correctement le formulaire, il a aussi ce message d'alerte. Ce qui assez gênant.

J'ai essayé plusieurs solutions, mais étant néophyte en Javascript, je me sens un peu perdu. :(

Quelqu'un aurait une idée pour contourner ce problème? Ou même une autre approche?

Merci d'avance :)
praeto
11/06/2008, 17h19
E.Bzz
Bonjour,
dans la mesure où
- ondeforeunload ne fonctionne que pour IE
- tu ne pourras pas gérer les évènements extérieurs (ALT + F4 etc.)
- le Javascript peut être désactivé
- l'utilisateur peut laisser l'écran ouvert sans rien y faire (ce qui aura le même résultat)
à ta place je resterais sur le délai d'expiration de la session serveur ...

A+
11/06/2008, 17h27
pra

Merci pour ta réponse si rapide :)

Je compte évidemment laisser un timer permettant de faire ça mais bon, si il y a moyen déjà de débloquer l'objet directement après une "sortie" plus conventionnelle (sans Alt-F4).

onbeforeunload fonctionne avec Firefox. (En tout cas, sur la dernière version)

Les utilisateurs de mon site (c'est une application privée) auront javascript d'activé, je peux donc m'orienter vers des solutions JS.
11/06/2008, 17h35
E.Bzz

OK, alors pas de problème (au temps pour moi pour le onbeforeunload sous Firefox :mrgreen: ).
Tu n'as qu'à gérer une variable globale "blnBlocage".
Tu l'initialises à true.

Sur onbeforunload tu n'à qu'à ajouter un

Code:

return blnBlocage;

(précédé du message d'avertissement si blnBlocage == true )

Il faudra prévoir un

Code:

blnBlocage = false;

à chaque point de sortie "autorisé" (sur le onsubmit du form, par ex.)

A+

Me revoilà :-)

J'avais déjà tenté cette approche. Avant de modifier la variable globale, ça me pose déjà problème.
Code:

1 2 3 4 5 6 7 8 9 var blnBlocage = true; window.onbeforeunload = handle_unload; function handle_unload() { if(blnBlocage) alert("Veuillez sortir en annulant le formulaire de modification."); return blnBlocage; }
Le problème, c'est qu'il affiche toujours en plus de l'alerte la demande faite maison de firefox ou IE (et sur ce dernier il ajoute la valeur de blnBlocage comme message). J'aimerais justement que si le message d'alerte apparaisse, il ne demande pas de 2ème confirmation.

De plus, même si la valeur est à false (dans le cas où on passerait correctement par l'envoi du formulaire), il affiche quand même cette boite de dialogue demandant si oui ou non la personne peut continuer.

En gros, j'aimerais que si la personne envoie le formulaire, rien ne s'affiche en plus. Et si elle n'envoie pas correctement les données, qu'elle soit prévenue et soit l'empêcher de continuer (la forcer à cliquer sur le bouton 'annuler', soit utiliser Ajax pour considérer son départ, sans évidemment avoir deux alertes, lui permettant finalement de continuer ou d'annuler (car dans ce cas là, comment faire? Car si elle appuie sur annuler j'aurai déjà considéré son départ du formulaire).

Encore merci pour votre aide :)

praeto

12/06/2008, 09h14
E.Bzz

Citation:

Envoyé par pra

Le problème, c'est qu'il affiche toujours en plus de l'alerte la demande faite maison de firefox ou IE (et sur ce dernier il ajoute la valeur de blnBlocage comme message). J'aimerais justement que si le message d'alerte apparaisse, il ne demande pas de 2ème confirmation.

Ce message du navigateur n'est pas lié au onbeforeunload.

Il est dû à la manière dont la fenêtre a été ouverte initialement : le nav demande confirmation lorsque JS tente de fermer une fenêtre qui n'avait pas été ouverte via JS.

Pour l'éviter, il "suffit" de faire en sorte d'ouvrir au départ ta fenêtre via un window.open() ...

A+
12/06/2008, 17h01
pra

Aie... bon ben je vais abandonner cette approche alors... ça me semble trop complexe pour finalement si peu.

Tant pis pour la solution optimale ! Seul un bon vieux timer fera l'affaire.

Merci à toi E.Bzz, c'est toujours un plaisir de venir chercher de l'aide sur ce forum, on y est toujours bien reçu, bonne continuation :)
07/09/2008, 09h57
reunionf

meme dilemme

bonjour,

j'ai besoin de faire la meme chose que vous, de maniere plus detaillée :

J'ai besoin de savoir si l'utilisateur est sorti d'une page X de mon site, afin de l'autoriserr a ouvrir une autre page Y bien precise du site en parallele via un autre navigateur ou pas. Plus simplement, X et Y ne doivent pas etre ouvert sur le poste utilisateur en simultané. ;)

j'utilise donc l'event OnbeforeUnload pour envoyer un message au serveur via Ajax.

Voici la séquence d'event :

- Arrivée du user sur Page X,
- Si user tente ouvrir Page Y, alors message poli,
- Si User quitte par la "croix" du tab ou submit un formulaire sur Page X, alors GET vers page Close via Ajax

Neanmoins, sous IE7, je me rend compte que l'event de submit est anterieur ou simutané a l'event onbeforeunload, c'est alors que mon "Get vers page Close via Ajax" ne se passe pas comme prévu. 8O

Or tout fonctionne bien sous FF3...et j'imagine que sous FF2 aussi.:roll:

Avez vous un solution ?
Merci par avance.
reunionf
21/01/2009, 15h38
Franou

Je sais que ca fait un moment que ce sujet a été évoqué mais pour ceux qui passeraient sur ce sujet, il y a des éléments de réponse ici :

http://dominoweb.blogspot.com/2007/0...e-quitter.html
05/01/2010, 14h14
dvdlib

j'ai exactement le même soucis dans le développement actuel du planning de congés ...

en fait, j'ai un tableau de 12 mois x 31 jours
et que je peux modifier en plusieurs fois avant de sauvegarder quoique ce soit ...

Dans l'absolu ... si le tableau ne convient pas, on n'envoie pas
les infos modifiées au serveur et rien n'est sauvegardé

j'avais donc pensé de mettre un bouton sauvegarde qui fait ce traitement
d'envoyer le formulaire au serveur ... mais voilà ...

cela arrive assez souvent qu'en cliquant sur l'un des onglets, on affiche une
autre page et les données sont perdues (puisque restées en locale)

l'idéal serait de détecter que l'on quitte la page en demandant une confirmation si on a effectué des modifications sur les données ...

à mon niveau le plus simple et le moins "déroutant" pour un utilisateur serait d'envoyer systématiquement tout changement au serveur

et de ne pas s'amuser avec le onbeforeunload qui n'est d'ailleurs pas reconnu comme événement par Opera

ce petit test m'a bien été utile ... ;)