S'assurer de la validation ou non des modifications

**Michel Rotta** · 12/04/2011, 10h51

J'aurais d� rajouter dans le titre : "autant que possible".

Le contexte, dans une application web (php, sgbd, symfony, jquery) on veut pouvoir s'assurer avant de quitter la page du "form" que les donn�es modifi�es ont �t� sauvegard�es ou volontairement abandonn�es.

Ce en ce pr�munissant d'un maximum d'interventions intempestives de notre brave utilisateur. L'id�al serait qu'il n'ait pas la possibilit� de quitter son �cran sans s'�tre assur� que les donn�es modifi�es aient �t� sauvegard�es ou volontairement abandonn�es.

Avez-vous d�j� trait� ce type de probl�me ?
Avez-vous une solution ?

**SpaceFrog** · 12/04/2011, 10h56

forcer une sauvegarde � chaque modification (avec ajax) ?
onchange onblur ...

**Michel Rotta** · 12/04/2011, 11h26

J'y ai pens�.

Sauf qu'il est fort possible que l'utilisateur ne veuille pas modifier... il faut donc lui laisser la possibilit� de modifier ou d'annuler la modification. Et faire un dialogue � chaque changement de champ n'est pas optimal.

Apr�s, j'ai bien envisager de garder en cache sur le serveur l'enregistrement modifi� au coup par coup, en attendant la sauvegarde (ou l'annulation), mais cela n'emp�che pas de sortir facilement de la fen�tre d'�dition. Sans compter les probl�mes potentiels li�s � l'�dition en multi-utilisateur.

Je m'oriente vers un acc�s en consultation avec un passage volontaire sur l'�cran d'�dition, �cran qui aura un aspect diff�rent et n'aura pas d'acc�s au menu ni au changement d'enregistrement. Il sera moins ais� de changer "par erreur" et d'oublier les modifications. Il restera possible de fermer fen�tre et/ou onglet (sans oublier la bonne coupure de courant).

Autre avantage, j'ai la possibilit� de mieux g�rer le verrouillage des enregistrements au niveau du serveur.

Reste que si je pouvais faire un avertissement (et bloquer �ventuellement) la fermeture de la fen�tre et/ou de l'onglet ce serait un plus appr�ciable. Mais je ne vois pas trop comment.

**Pymento** · 12/04/2011, 11h30

En gros tu veux que ton site r�agisse comme word par exemple, c'est �a ?

@SpaceFrog j'imagine qu'il veut permettre l'annulation des modifications.

Tu peux capter la fermeture d'un site, je ne l'ai jamais impl�ment� mais j'ai vu des site internet le faire.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<body onunload="ferme();">

il me semble. et la tu dois pouvoir faire un

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

confirm:

� la place d'un

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

alert()

qui annonce que les modifications seront perdues.

Pour t'aider, tu pourrai mettre en place une variable bool��ne globale. Qui passerai � true � la moindre modification (pour �a il faut mettre un onChange dans chacun des tes inputs qui passera la variable � true, et le bouton sauvegarder qui la passera � false).

**SpaceFrog** · 12/04/2011, 11h41

c'est plutot unbeforeunload

**Michel Rotta** · 12/04/2011, 11h42

@pymento: oui.

J'avais de gros doutes sur la possibilit� de pouvoir r�cup�rer un �v�nement sur la fermeture de la fen�tre, mais je n'ai pas pens� que si l'on ferme la fen�tre, on ferme le body...

Vu que mon utilisateur bascule volontairement en �dition, ne pourrais-je pas tout simplement interdire la fermeture de la fen�tre (du body) avec une b�te boite "fermeture impossible, vous devez sauvegarder ou annuler vos modifications au pr�alable" ?

L'id�e me parait plaisante !

**Bovino** · 12/04/2011, 11h43

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
window.onbeforeunload = function(){
    return "Les données n'ont pas été enregistrées, voulez-vous vraiment quitter cette page ?";
}

Mais la compatibilit� entre navigateurs est incertaine (pas valable sur Opera par exemple).

**Pymento** · 12/04/2011, 11h49

Il ne me semble pas qu'on puisse interdire l'utilisateur de fermer, sinon les popups s'en donneraient � coeur joie ^^

Avec ma technique tu retombe sur ce que tu recherche, une boite confirm "annuler les changement ?" s'il il met ok il annule et s'il met annuler il reste sur la page. Libre a lui de sauvegarder quand bon lui semblera.