[JSF]Changement de couleur d'une case d'un datatable
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:
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 ....
