Return false inopérent sur un "onclick"
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:
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.
