utilisation javascript jsf

Version imprimable

01/02/2008, 12h52
rapidoss

utilisation javascript jsf

salut tout le monde,
j'ai un probleme d'integere javascript en jsf
merci d'avance
01/02/2008, 12h59
djo.mos

Bonjour et Bienvenu dans nos forums,

Pour qu'on puisse t'aider, il faut au préalable que tu expliques un minimum ton problème. Nous ne sommes pas des devins, et "j'ai un probleme d'integere javascript en jsf" est loin de vouloir dire quelque chose de précis ;)
01/02/2008, 13h33
romaintaz

Tout à fait.
Tu mérites bien ton pseudo. Mais ralenti un peu quand même ;)

voila mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 <h:panelGrid columns="3">
    <h:selectManyListbox size="5" id="permissionOwnedId">
        <f:selectItems value="#{profilForm.permissionOwned}"/>
    </h:selectManyListbox>
    <h:panelGrid columns="1">
 
<h:commandLink id="p" ondblclick="addLines(document.forms[0].elements['profilEditForm:permissionOwnedId']),document.forms[0].elements['profilEditForm:permissionNotOwnedId']));">
<h:graphicImage value="/img/toRight.png"/>
</h:commandLink>
<h:commandLink id="pe" ondblclick="addLines(document.forms[0].elements['profilEditForm:permissionOwnedId']),document.forms[0].elements['profilEditForm:permissionNotOwnedId']));">
</h:commandLink>
</h:panelGrid>
    <h:selectManyListbox size="5" id="permissionNotOwnedId">
       <f:selectItems value="#{profilForm.permissionNotOwned}"/>
             </h:selectManyListbox>
</h:panelGrid>

comme vous constatez j'ai deux selectManyListbox et deux commandLink,
je veux quand je click sur l'un deux faire passer des element de la premiere list a l'autre en utilisant javascripte.
voila mon script:

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
 function addLines(from,to)
{
    for(i=0;i<from.options.length;i++)
    {
        if(from.options[i].selected)
        {
            to.options[to.options.length]=new Option(from.options[i].text,from.options[i].value);
        }
    }
 
    removeLines(from,to);
}
 
function removeLines(from,to)
{
    for(i=0;i<from.options.length;i++)
    {
        if(from.options[i].selected)
        {
            from.options[i]=null;
            removeLines(from,to);
        }
    }
}

j'espere que je suis tres claire
merci pour votre reponse

01/02/2008, 16h30
romaintaz

C'est déjà mieux...

Maintenant, 2 choses :

1. Pense à utiliser les balises [ CODE ] pour tout ce qui est code...

2. Tu ne précises toujours pas quel est ton problème... Les fonctions JS ne sont pas appelées ? Elles ne font pas ce que tu veux ? Elles lancent une erreur ?
01/02/2008, 16h41
rapidoss

voila normalement la function addLines doit me permetre de deplacer des element de la premier list l'autre mais ca ne fonctionne pas.
je crois que j'ai un erreur au niveau du code jsf
j'arrive pas a faire fonctionner mes scripts
aider moi:cry:
01/02/2008, 16h46
romaintaz

Citation:

Envoyé par rapidoss

je crois que j'ai une erreur au niveau du code jsf

Tu crois ? T'es pas sûre ?
Tu as une erreur JSF ? Donc sans doute une stacktrace Java dans tes logs ?
Comment insères-tu ton code JS dans la page JSF ?
01/02/2008, 16h55
rapidoss

Code:

ondblclick="addLines(document.forms[0].elements['profilEditForm:permissionOwnedId']),document.forms[0].elements['profilEditForm:permissionNotOwnedId']));"

profilEditForm est id du formulaire.
permissionOwnedId est le nom du premier list.
permissionNotOwnedId est le nom de l'autre list
01/02/2008, 17h07
romaintaz

Ce n'est pas ce que je te demande, ça je l'avais vu...
Ce que je voulais savoir c'était comment, dans ta page JSF (ou JSP), tu définis tes fonctions JS addLines par exemple.
De plus, tu ne dis pas si tu as une erreur JSF dans les logs du serveur...
04/02/2008, 12h25
Mediii

avec tomahawk et sandbox tu a exactement le composant que tu souhaite
<s:selectManyPicklist>

voir ici
04/02/2008, 13h42
romaintaz

RichFaces le permet également - depuis peu - grâce à son composant listShuttle.