afficher Messagebox de confirmation

Version imprimable

Bonjour,

Je souhaite afficher un messagebox permettant à l'utilisateur de confirmer la suppression d'un objet. en cherchant il faut utiliser une commande du style:
Code:

1 2 3 4 5 <h:commandLink id="imgLinkDelete" action="#{Users_1.imgLinkDelete_action}" immediate="true" onclick="if (!confirm('#{bundle.deleteUser_title}')) return false"> <h:graphicImage alt="#{bundle.delete}" title="#{bundle.delete}" value="../../resources/images/bouton-supprimer.png"/> </h:commandLink>
Ma question est quand je fais cela avec l'action suivante :
Code:

1 2 3 4 5 6 public String imgLinkDelete_action() { setSelectedUserInSession(); System.out.println("Je suis ici"); return "goToDeleteUser_1"; }
Je n'ai pas de boite de dialogue qui s'affiche et le message "je suis ici" est affiché dans netbeans. Que dois je faire pour afficher ma boite de dialogue et pouvoir traiter la réponse dans mon backingbean?

24/11/2008, 17h18
Sniper37

peut etre le problème dans la fonction confirm
25/11/2008, 09h31
Edta

Je n'ai pas de fonction confirm.
25/11/2008, 09h59
romaintaz

La fonction confirm est en effet une fonction de base de Javascript. Je doute que l'erreur vienne de là !

Ton code me semble pourtant correct, c'est étrange.

Quelques idées de tests :
1. Tester sans le immediate="true"...

2. Utiliser un alert sur le onclick pour voir si le message est bien affiché, du genre onclick="alert('ok'); ..."

1. J'ai enlevé le immediate="true" pas de changement

2. J'ai modifié le onclick par "alert('#{bundle.deleteUser_title}')" pas d'affichage

3. J'ai modifié le message d'alert par une chaine constante à savoir "coucou" et je n'ai rien qui apparait

Voici le code généré pour le lien:
Code:

1 2 <a id="mainFormUser:dataTable:2:imgLinkDelete" href="#" onclick="document.forms['mainFormUser']['com_sun_rave_web_ui_appbase_renderer_CommandLinkRendererer'].value='mainFormUser:dataTable:2:imgLinkDelete';document.forms['mainFormUser'].submit(); return false;"><img src="../../resources/images/bouton-supprimer.png" alt="Supprimer" title="Supprimer" /></a>

25/11/2008, 11h33
romaintaz

C'est bizarre...

Moi avec un code comme celui-ci :

Code:

<h:commandLink value="Test" onclick="alert('coucou');" action="..."/>

j'obtiens une code HTML qui ressemble à ça :

Code:

<a href="#" onclick="var a=function(){alert('Coucou');};var b=function(){if(typeof jsfcljs == 'function'){jsfcljs(document.forms['myForm'],'myForm:j_id323,myForm:j_id323','');}return false};return (a()==false) ? false : b();">Test</a>

Tu utilises quelle implémentation de JSF ? Celle de Sun ? Celle d'Apache ?

Edit: Visiblement, d'autres personnes ont eu le même problème (voir ici) mais pas de vraie réponse à ce problème...

J'ai un début de réponse. Je fais appel à une fonction javascript pour modifier la fonction onclik. Mon problème c'est que je ne sais pas comment récupérer mon nombre de ligne dans la table pour faire cette fonction sur toutes les commandlink de toutes lignes et pas juste la premiere.

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
27
 
<script type="text/javascript" >
                function addAlert() {
                   var deleteLink = document.getElementById("mainFormUser:dataTable:0:imgLinkDelete");
                    var oldOnClick = deleteLink.onclick;
                    deleteLink.onclick = function() {
                        if (confirm("Etes vous sur de vouloir supprimer cet element ?")) {
                            oldOnClick();
                        }
                        return false;
                    }          
                }
 
                function addLoadEvent(func) {
                    var oldonload = window.onload;
                    if (typeof window.onload != "function") {
                        window.onload = func;
                    } else {
                        window.onload = function(){
                            oldonload();
                            func();
                        }
                    }
                }
 
                addLoadEvent(addAlert);
            </script>

Pour l'afficher sur toutes les lignes il faut modifier la fonction addAlert de la façon suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function addAlert() {
                    var table = document.getElementById("mainFormUser:dataTable");
                    var i = 0;
 
                    while(table.nextSibling != null){
                        var deleteLink = document.getElementById(table.id + ":" + i + ":imgLinkDelete" );
                        var oldOnClick = deleteLink.onclick;
                        deleteLink.onclick = function() {
                            if (confirm("Etes vous sur de vouloir supprimer cet element ?")) {
                                oldOnClick();
                            }
                            return false;
                        }
                        i = i + 1;
                    }            
                }

en espérant que cela servira à d'autres personnes.