Appliquer un style dans un radio avec un SelectItems
Salut,
j'ai un problème. Je n'arrive pas à appliquer un style (composé essentiellement d'une image de fond pour chacun de mes 3 boutons radio)
Voici le code que j'utilise:
- le css:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| .onglets_livraison #express {
background-image: url(images/fond_livraison_rapide.gif);
font-size: 12px;
}
.onglets_livraison #standard {
background-image: url(images/fond_livraison_classique.gif);
font-size: 12px;
}
.onglets_livraison #cadeau {
background-image: url(images/fond_livraison_Kdo.gif);
font-size: 12px;
} |
- le code de ma jsp:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <h:panelGrid width="100%" columns="1" id="tableChoixModLi">
<f:facet name="header">
<h:outputText value="#{mo.LIB_CHOI_TYPE}" />
</f:facet>
<h:selectOneRadio id="choixModeLiv" value="#{cml.idChoix}"
rendered="#{!cml.domicileDOM}"
onclick="pulldownChanged();" immediate="true">
<f:selectItems value="#{cml.listChoixModeLiv}" />
<f:converter converterId="trimConverter" />
</h:selectOneRadio>
<h:selectOneRadio id="choixModeLivDom" value="#{cml.idChoix}"
rendered="#{cml.domicileDOM}"
onclick="pulldownChanged();" immediate="true">
<f:selectItem itemValue="4" itemLabel="#{mo.LIB_LIV_EXPRS_DOM}" />
<f:selectItem itemValue="5" itemLabel="#{mo.LIB_LIV_CLASS_DOM}" />
<f:converter converterId="trimConverter" />
</h:selectOneRadio>
<h:commandButton id="majButton" style="display:none;"
actionListener="#{cml.updatePage}" />
</h:panelGrid> |
Donc en gros, la dedans: <f:selectItems value="#{cml.listChoixModeLiv}" />
il y a exactement 3 selectItem dans la liste et je veux mettre un style par selectItem. On m'a dit qu'on pouvait contourner le probleme en faisant une tite fonction js onload() pour charger le style après avoir récup l'id de chaque item mais je ne suis pas doué en js.
Donc si quelqu'un pouvait m'aider, svp.
Ahh les développeurs juniors... :mouarf:
