Forums : Xul, Xbl, JS...

Je cherchais à mettre une image à côté du texte d'un élément <radio/> et contrairement à ce que dit la doc sur xulplanet (xulplanet radio) ce n'est pas l'attribut 'image' mais l'attribut 'src' qu'il faut utiliser (testé avec Firefox 2.0.0.1).

Au passage, j'ai trouvé une astuce qui peut servir pour faire un choix entre plusieurs images, en se servant d'un <radiogroup/> (c'est peut-être archi-connu, mais bon tant pis ;-)).

En plaçant une balise <image/> à l'intérieur de la balise <radio/>, le petit rond habituel du bouton radio est remplacé par l'image. Un petit coup de css pour faire ressortir l'image sélectionnée et c'est bon.

<radiogroup>
 <radio value="image1.png">
   <image src="image1.png"/>
 </radio>
 <radio value="image2.png">
   <image src="image2.png"/>
 </radio>
 <radio value="image3.png">
   <image src="image3.png"/>
 </radio>
</radiogroup>