11548 sujets

JavaScript, DOM et API Web HTML5

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 :

window.onlad = 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').addEventListener('click',cherche_modif_formulaire,true);" n'annule pas le clic, je ne vois pas trop comment faire.[/i][/i][/i][/i]
Finalement, j'ai réglé le problème en remplaçant les addEventListener et attachEvent par cette ligne :

document.getElementsByTagName('a')[ i].onclick = function(){return cherche_modif_formulaire();};


Je ne sais pas si c'est parfaitement standard, mais ça semble marcher partout.
Bonjour,
return false 
se mets normalement à la fin de la fonction
function cherche_modif_formulaire()
?
Non.

La fonction confirm() retourne déjà par défaut true ou false en fonction de la réponse choisie (true pour 'Ok', false pour 'Annuler').