Empêcher la redirection vers une autre page tant que l'on n'a pas confirmé l'enregistrement [Résolu]

[snoopo]

Bonjour,
je vous demande votre aide car pour un petit problème.
Un utilisateur rajoute par exemple une ligne supplémentaire dans un tableau et j'aimerais avoir une pop-in de prévention lui rappelant avant de se rediriger vers une autre page :
"Vous avez modifié la page vous devez enregistrer vos modifications, voulez vous redigirer vers une autre page quand meme ?"
Avec des boutons ok pour se redigirer vers le lien qu'il a cliqué ou un bouton annulé pour rester sur la page actuelle ?

Sachant que ma page contient plusieurs onglet et mon tableau est dans l'une d'entre elle.
Je voudrais quelque soit le menu barre sur lequel il clique pour aller ailleurs ou sur l'onglet qui clique pour charger le contenu d'une autre évènement, il reste sur l'onglet qu'il est actuellement.

Pour l'instant j'ai dans l'idée que je pourrais tester la valeur d'un champs caché ds ma JSP;

Code :

<input type="hidden" name="isPageModifier" value="false"/>

Lorsqu'il fait l'action d'ajouter une nouvelle ligne ma valeur passe à TRUE mais ensuite comment faire le reste ?

Merci d'avance

[ticroch]

utilise confirm :

Code :

1
2
3
4
5
6
 
 
if (confirm("Voulez-vous vous redirigez ....?")) {
   // redirection
   window.location.href = ......;
}

ca te fait apparaitre les boutons Ok et Annuler. S'il cique sur OK, la fonction renverra true.

[snoopo]

Salut ,
merci, je rajoute cette événement sur mon lien, c'est ca ?
Mais comme j'ai plusieurs lien et onglet, il faut que je rajoute à chacune d'entre elle ?

[Bovino]

Non, ça ne marchera pas et n'empêchera pas la navigation.

La solution est de passer par l'événement onbeforeunload.

Code :

1
2
3
4
5
window.onbeforeunload = function(){
    if($('#champ_hidden').val() == 'true'){
        return 'Des modifications ont été faites. Voulez-vous quitter sans enregistrer ?';
    }
}

Ceci dit, le message n'est pas afficher sur tous les navigateurs, pour certains, c'est un message générique qui est proposé.

[ticroch]

ouep dans un onclick,
si tu ne veux pas répeter le code tu peux le définir en tant que fonction

[snoopo]

merci bcp ca marche