Popup confirmation lorsque l'on change de page JSF 2

Bonjour à tous,

Le site contient plusieurs pages, l'une d'entre elle contient un tableau que l'utilisateur peut remplir à sa guise.
Si l'utilisateur quitte la page une popup de confirmation doit s'afficher lui demandant si il veut vraiment quitter, si oui tous les enregistrements du tableau sont effacés sinon on reste sur la page.

Je pensais pouvoir utiliser la fonction preDestroy mais elle ne répond pas à mon besoin.

Je souhaite avoir une popup de type jsf et non pas une popup de confirmation javascript de base. (Graphiquement ça ne va pas plaire)

La balise body se trouve dans un template donc je ne peux pas jouer avec la fonction onunload.

Bref je ne vois pas trop comment faire et je m'en remets à vos conseils.

Merci d'avance

A ta place j'aurais utilisé jquery pour le faire.

Code:

---

$(window).unload( function () { alert("Bye now!"); } )

---

pour le popup vous pouvez utilisé celle de rich Faces sur ce lien

http://showcase.richfaces.org/richfa...p&skin=blueSky

Bonjour,

En ce qui concerne la popup avec RichFaces je n'ai pas de soucis, mais j'essaie de le faire sans finalement et de gérer ça qu'avec du javascript.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$(function() { // Set the unload message whenever any input element get changed. $(':input').on('change', function() { setConfirmUnload(true); });   // Turn off the unload message whenever a form get submitted properly. $('form').on('submit', function() { setConfirmUnload(false); }); });   function setConfirmUnload(on) { var message = "You have unsaved data. Are you sure to leave the page?"; window.onbeforeunload = (on) ? function() { return message; } : null; }

---

J'ai essayé avec ce code, le soucis c'est qu'avec IE 9 la popup s'affiche 2 fois quand on veut rester sur la page. Grâce à google j'ai trouvé le moyen que la fenêtre ne s'affiche qu'une seule fois mais lorsque l'on fait "restez sur la page" que ce soit sous IE ou firefox, on reste bien sur la page mais tout est bloqué on ne peut plus rien faire.

Je continue de me gratouillé la tête, l'option JQuery m'amène au même résultat.

MErci à vous.

de rien et s'il y a un problème n’hésite pas ! :)

Bonjour à tous,

J'ai fait:

Code:

---

1 2 3 4 5 6

<script language="javascript">   window.onbeforeunload = function() { confirmerSortie(); } </script>

---

et

Code:

---

1 2 3

<a4j:jsFunction name="viderSac" action="#{prestationsAssureBean.viderSac}"></a4j:jsFunction> <a4j:jsFunction name="confirmerSortie" onbegin="if(window.confirm('Etes-vous sur de vouloir quitter la page ? \n Toutes les donn\u00E9es non enregistr\u00E9es seront perdues!')) {viderSac();}"></a4j:jsFunction>

---

Lorsque je clique sur le menu pour changer de page, la popup s'ouvre:
- si je clique sur ok, l'appel à viderSac est bien fait et je passe sur la page demandée.
- si je clique sur annuler, l'appel à viderSac n'est pas fait, en revanche je passe quand même sur la page demandée.

Je ne sais pas comment l'empêcher de changer de page. J'ai essayé de mettre des returns mais en vain.

Merci de votre aide

On peut voir le code de ViderSac() ?

c est juste une action qui vide des sacs en base

Code:

---

1 2 3 4 5 6 7

public void viderSac() { for (Sac sac: this.getListeSac()) { this.service.supprimerSac(sac); }   }

---

essaye de mettre ta méthode avec un type de retour string et possédant deux action success et erreur et met dans ta page deux buttons simple chacune va prendre l'un des actions et exécute ton application pour voir si le problème poursuit encore ou pas ;)

Alors j'ai mis 2 boutons qui apellent 2 actions différentes et qui renvoient 2 String. L'une permet de changer de page l'autre de rester sur la même page.
ça fonctionne très bien...