SelectOneRadio : problème d'inclusion de div
Bonjour,
Je rencontre un problème lors de l'inclusion de div entre des radio buttons.
Voici le code introduit dans une facelet :
Code:
1 2 3 4 5 6 7 8 9 10
| <h:selectOneRadio id ="size" value="4">
<f:selectItem itemLabel="Small" itemValue="s"/>
<div>Blabga1</div>
<f:selectItem itemLabel="Medium" itemValue="m"/>
<div>Blabla2</div>
<f:selectItem itemLabel="Large" itemValue="l"/>
<div>Blabla3</div>
<f:selectItem itemLabel="Extra-Large" itemValue="xl"/>
<div>Blabla4</div>
</h:selectOneRadio> |
Et le code html généré :
<
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| div>Blabga1</div>
<div>Blabla2</div>
<div>Blabla3</div>
<div>Blabla4</div>
<table id="j_idt8:size">
<tr>
<td>
<input type="radio" name="j_idt8:size" id="j_idt8:size:0" value="s" /><label for="j_idt8:size:0"> Small</label></td>
<td>
<input type="radio" name="j_idt8:size" id="j_idt8:size:1" value="m" /><label for="j_idt8:size:1"> Medium</label></td>
<td>
<input type="radio" name="j_idt8:size" id="j_idt8:size:2" value="l" /><label for="j_idt8:size:2"> Large</label></td>
<td>
<input type="radio" name="j_idt8:size" id="j_idt8:size:3" value="xl" /><label for="j_idt8:size:3"> Extra-Large</label></td>
</tr>
</table> |
Résultat : les div ont été sortis de ma table et placé au dessus.
L'idée est d'avoir, par l'intermédaire d'un javascript, le comportement suivant : lorsque l'utilisateur clique sur une radio button, le div qui doit se trouver juste en dessous soit affiché.
Quelqu'un a t'il une idée de solution ?