Discussion :

[Shivan]

Je voudrais faire un changement de couleur d'une case de tableau quand la souris passe dessus. c'est assez simple en HTML/javascript (onmouseover et onmouseout) mais avec l'utilisation d'un datable (type de tableau jsf), je ne sais pas comment faire.

voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<h:dataTable id="table" binding="#{Userctrl.view.dataTable}" width="100%" value="#{Userctrl.model.datas.listUser}" var="name" border="1" cellspacing="0" cellpadding="2" headerClass="liste_header" footerClass="liste_footer" rowClasses="liste_item_01">
     <h:column>
            	<f:facet name="header">
                    <f:verbatim>Nom</f:verbatim>
                </f:facet>
 
               <h:inputText id="name" value="#{name.first}" rendered="# {name.editable}" size="10"/>
<h:outputText value="#{name.first}" rendered="#{not name.editable}"/>
 
    </h:column>

Donc j'applique un style (liste_item_01) à chacune de mes lignes. Alors j'ai essayé le :hover dans le fichier css et ça ne marche pas (marche que pour des liens dans IE le :hover).
Si j'insére du code HTML dans mon tableau (du genre onmouseout="bgcolor='#12345'") j'ai bien mon effet de changement de couleur mais n'importe ou à l'extérieur du tableau. En faites il n'accepte que des balises JSF dans la datatable.

Voila si quelqu'un sait comment faire, merci ....

[alexismp]

tu peux peut-être t'inspirer de ca:
http://blogs.sun.com/roller/page/tor...light_specific
C'est pour Java Studio Creator, mais c'est généralisable à JSF.

[Shivan]

Merci de m'avoir repondu alexismp.

Je vais voir si ça repond à mon probléme

[Shivan]

bon malheureusement ça n'arrange pas mon probléme. L'article decrit comment changer le style d'un texte dans la case voulue. Moi je voudrais changer la couleur de fond de la case. Le probléme c'est que l'on peut mettre une couleur de fond sur toute la datatable mais je n'arrive pas à trouver comment mettre une couleur de fond d'une case spécifique du tableau (la case ou se trouve la souris).

A ma connaissance le type UIDataTable ne permet pas de modifier la couleur d'une case....

[raj]

Bonjour j'aimerais savoir s'il existe une bonne doc sur l'utilisation
conjointe de JSF et des styles CSS

[cisco]

si tu va ici:

http://www.thogau.net/appfuse-facelets/login.html

tu trouvera un exemple de ce que tu cherches
(il faut se connecter en administrateur et lister les utilisateurs)

Le code source du site est disponible sur ce même site

[Shivan]

Excellent !!!!!! c'est exactement ce que je cherchais. bon va falloir que j'etudie le code pour voir comment il fait ça.

En tout cas un grand merci cisco.

T as l'air de bien t'y connaitre en jsf. t aurais pas une petite idée sur ce probléme la : http://www.developpez.net/forums/viewtopic.php?t=472502

Je n'arrive pas à cocher toutes les checkbox d'une colonne de datatable. ça devrait etre simple à faire pourtant mais çe ne marche pas