Poster une réponse à un sujet: [CSS/HTML] Une combobox d'images?
Attention, ce sujet est un sujet ancien (5936 jours sans réponse)
arachne
Merci pour le message de bienvenue
![:alarmclock114: :alarmclock114:](images/smileys/alarmclock114.gif)
Dr_Dan
Le syndrome du "nouveau-venu" à encore frappé..
![:ddr555: :ddr555:](images/smileys/ddr555.gif)
Clandestino
Joli déterrage
![:jap: :jap:](images/smileys/jap.gif)
arachne
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...
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...
kortenberg
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.
C'est triste.
zion
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...
![:spamafote: :spamafote:](images/smileys/spamafote.gif)
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...
![:sweat: :sweat:](images/smileys/sweat.gif)
max
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)
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 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
![:spamafote: :spamafote:](images/smileys/spamafote.gif)
zion
Ce n'est pas possible. Les listes déroulantes ne peuvent contenir que du texte.
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
![:oh: :oh:](images/smileys/oh.gif)
Mais bon dans Opera ça fonctionne pas non plus (pas avec mon 9.22 en tout cas)
![:figti: :figti:](images/smileys/figti.gif)
'background-image'
Value: <uri> | none | inherit
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A
Media: visual
Computed value: absolute URI or none
Value: <uri> | none | inherit
Initial: none
Applies to: all elements
Inherited: no
Percentages: N/A
Media: visual
Computed value: absolute URI or none
Donc il faut supposer qu'Opera ne supporte pas non plus le CSS2 au complet, comme ce bon vieil IE
![:oh: :oh:](images/smileys/oh.gif)