Discussion :

[El Riiico]

Bonjour,

Pour s'assurer que les gens n'oublient pas de valider un formulaire qu'ils sont modifié, j'utilise du javascript (je ne vais pas entrer dans les détails de ces vérifications, ce n'est pas ce qui pose problème).

Simplement, pour déclencher cette vérification, sur chaque lien qui permet de quitter la page, j'ajoute à l'événement "onclick" la fonction qui lance de contrôle.
Si des modifications ont été relevées, on demande une confirmation avant de quitter la page sans sauvegarder les modifications.

Dans mon .js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
window.onload = scanne_formulaire;
 
function scanne_formulaire()
{
	window.formulaire_initial = new Array();
	//On stocke dans le tableau window.formulaire_initial les valeurs du formulaire au chargement
	...
	...
	for(var i = 0; i < document.getElementsByTagName('a').length; i++)
	{
		if(document.getElementsByTagName('a')[i].attachEvent)
		{//Pour Internet Explorer
			document.getElementsByTagName('a')[i].attachEvent('onclick',cherche_modif_formulaire);
		}
		if(document.getElementsByTagName('a')[i].addEventListener)
		{//Pour les autres
			document.getElementsByTagName('a')[i].addEventListener('click',cherche_modif_formulaire,true);
		}
	}
}
function cherche_modif_formulaire()
{
	//Tests, puis si on trouve des modifications faites au formulaire :
	return confirm('Le formulaire semble avoir été modifié \n Souhaitez-vous quitter sans sauvegarder ?');
}

Le script marche comme voulu sous IE, le problème vient de ce qu'avec Firefox et Opéra, même quand répond "Annuler" à la question, le lien est cliqué et la page quitée.
Visiblement le "return false" de la fonction accrochée avec le "document.getElementsByTagName('a')[i].addEventListener('click',cherche_modif_formulaire,true);" n'annule pas le clic, je ne vois pas trop comment faire.

[SpaceFrog]

voici ce que j'utilise pour ajouter des evenements de façon universelle :

Code :

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

1
2
objet.onclick=function(){ ....}
objet.setAttribute('onclick',function(){....})

je fuis attachEvent et addEventListener que je n'ai jamais réussi à rendre compatibles ...

[El Riiico]

Le lien.onclick = function(){return cherche_modif_formulaire();};

semble fonctionner correctement sur tous les navigateurs, merci.

[SpaceFrog]

heu non il faut double l'instruction !!! ça ne focntionne pas partout ! ni sur toutes les versions ...