J'ai cherché, j'avais cherché et j'ai rien trouvé de simple... Y a vraiment pas moyen de placer des images dans une combo au lieu d'un texte?

J'ai besoin de laisser un choix entre une vingtaine d'images (ou plus) à l'utilisateur, je me vois mal lui laisser ce choix via des radiobutton et tout afficher, et j'ai vraiment pas envie d'aller programmer un truc tout compliqué pour ça

Y a vraiment pas moyen?

background-image dans <option> ?

max> De ce que j'ai lu, cela ne fonctionnait pas, je n'ai pas testé par fainéantise du coup.

*Je teste*

En effet, cela ne fonctionne pas génial. Sous Firefox on arrive à avoir une image, mais si on la sélectionne le style n'est pas copié sur le choix, donc on a un truc tout pourri. Sous IE on n'a tout simplement aucune image
Au mieux sous IE j'ai un fond en couleur en utilisant le background-color, mais pas d'image

http://xhtml.developpez.com/faq/?page=select#SELECT_image

Mon cul, dans la norme CSS-2, le background-image peut être appliqué à n'importe quel élément, en théorie on doit donc pouvoir appliquer cela à un <option>, juste que l'équipe d'IE a pas décidé le faire

Mais bon dans Opera ça fonctionne pas non plus (pas avec mon 9.22 en tout cas)



Donc il faut supposer qu'Opera ne supporte pas non plus le CSS2 au complet, comme ce bon vieil IE

Si la norme n'est pas respectée, ça ne sert à rien de dire qu'on peut le faire puisqu'en pratique ça ne marche nulle part

Une solution alternative:

le nom de l'image (ou un id) dans l'attribut 'value' et un onchange sur le 'select' pour afficher l'image dans une zone à côté.



Sinon, je crois que le tag img dans un option fonctionne mais que dans firefox je crois (je pense l'avoir déjà avec des petits drapeaux et des noms de pays)

ovh> Si, sous Firefox ça fonctionne

max> C'est la solution vers laquelle je m'oriente, mais cela réduit quand même pas mal la possibilité de choix de l'utilisateur, c'est moins intuitif ... Soit...

avec ff ça marche pour les options mais pas pour le select. Avec safari, ça marche avec le select mais pas avec les options. IE et opera marche pas du tout.

C'est triste.

Si cela ne marche pas...
Tu pourrais définir un div pour le résultat sélectionné...avec un bouton ou une image pour aficher une liste...qui s'afficherai juste en dessous avec ta liste...
Un div pour la liste contenant des images et un texte (par example) et avec un id...unique s'entend...Dans le onclick...une fonction pour la sélection tu envoies l'id...dans le Mouseover..changement du background-color via une class css (désolé, pour les puriste du nomage et des norme W3C) et dans le onblur..idem pour la couleur...
dans le div principal n'oublie de jouer avec le overflow (css)... et un champs caché type hidden... pour la valeur finale à utilisé....

Cela peut sembler compliqué...mais je pense qu tu prendra ton pied avec cela...

Joli déterrage

Le syndrome du "nouveau-venu" à encore frappé..

Merci pour le message de bienvenue