Discussion :

[omegabahamut]

Bonjour, j'ai essayé en javascript/css de mettre en surbrillance une ligne lorsque la souris est dessus celle-ci en rajoutant ceci dans la balise <rich:datable>:

Code :

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

onRowMouseOver="this.style.backgroundColor='#F1F1F1'" onRowMouseOut="this.style.backgroundColor='#000000'"

mais ça ne marche pas.
J'ai essayé de faire la même chose en CSS en faisant:

Code :

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

1
2
3
.rich-table-firstrow:hover {
	background:##F1F1F1;
}

J'ai constaté qu'en plus de ce CSS les balises <tr> des composants richfaces avaient un autre css/skin qui se combinait au mien: dr-rich-table-firstrow mais je n'arrive pas à trouver la trace de ce css par défaut avec firebug.

J'ai aussi constaté que lorsque je fais la même chose pour une cellule et non pas pour une ligne cela marche.

Voilà mon tableau

Code :

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

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
28
29
30
31
     <rich:dataTable value="#{MetascenarioMB.metascenario.fournisseurCollection}" id="table" var="ref" rows="10" reRender="scroller">
                                <f:facet name="header">
                                    <rich:columnGroup>
                                        <rich:column styleClass="nothing"/>
                                        <rich:column>
                                            <h:outputText value="#{msg.law_reliability_delivery}" />
                                        </rich:column>
                                        <rich:column>
                                            <h:outputText value="#{msg.law_delay_payment_client}" />
                                        </rich:column>
                                    </rich:columnGroup>
                                </f:facet>
                                <rich:column styleClass="first">
                                    <h:outputText value="#{ref.nom}" />
                                </rich:column>
                                <rich:column>
                                    <h:selectOneMenu id="loifia" value="#{ref.loifia}" required="true">
                                        <f:selectItems value="#{MetascenarioMB.typeLawReliability}"/>
                                    </h:selectOneMenu>
                                </rich:column>
                                <rich:column>
                                    <h:inputText id="delpai" value="#{ref.delpai}" required="true">
                                        <f:validateLongRange minimum="0" maximum="99"/>
                                    </h:inputText><h:outputText value="#{msg.month}"/>
                                    <rich:message for="delpai" styleClass="errorMessage">
                                      <f:facet name="errorMarker">
                                            <h:graphicImage url="resources/img/error.gif"/>
                                      </f:facet>
                                    </rich:message>
                                </rich:column>
                        </rich:dataTable>

Je tiens à signaler que tous mes autres css concernant richfaces ou les balises html fonctionnent.

Environnement:
Firefox 3.5 avec Firebug

[Sniper37]

tu peux utiliser jquery, regarde l'exemple sur le site de Richfaces

[omegabahamut]

Merci. J'ai vérifié avec firebug, la classe css s'ajoute bien mais je ne vois pas de changement de couleur. Je reviens donc au même problème. Mon code fonctionne pour une cellule mais pas pour une ligne.

J'ai rajouté dans le css:

Code :

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

 background-image:none;

Mais ça ne règle pas mon problème.
est-ce que je dois modifier d'autres propriétés CSS comme background-repeat?