Afficher une image dans un champ type selectRésolu

Question

J'ai beau chercher et je trouve pas comment afficher une image dans un select Par exemple : une photo + un nom et dans le menu déroulant on selectionne la personne désirée. J'ai essayé de faire en toute logique : mais ça marche pas. Qqu'un à la solution? Faites vous plaisir !!

Anthed · Accepted Answer

Tu crée un composant dont le fonctionnement s'apparente à celui d'un select.
Ex : un champ suivi d'un bouton qui fait s'afficher/se masquer un div contenant un tableau avec, pour chaque ligne, l'image que tu souhaites.

cs_bultez · Answer

Bonjour,

>>comment afficher une image dans un select
    je pense que ce n'est pas possible

>>Qqu'un à la solution?
    VESPA, si ça peut t'inspirer ?

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

amateurjava · Answer

Pourtant j'ai vu des sites ou dans le select, on pouvait choisir des couleurs (barres de couleur)... 

si je peut gerer chaque options du select en css, je peut me débrouiller avec

Faites vous plaisir !!

cs_bultez · Answer

des couleurs... peut-être...    mais pas y mettre des images.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

Anthed · Answer

Je ne connais pas d'autre moyen que de créer ta propre liste (avec un div par exemple)
Tchô.

amateurjava · Answer

Par exemple dans cet editeur, lorqu'on click sur le bouton de couleur, on voit bien apparaitre des paves de couleur.
Comment c'est fait, en css? 
j'ai essayé le css sur un select, j'arrive pas à le faire fonctionner.

QQ à la methode?

Faites vous plaisir !!

Anthed · Answer

Tu peux toujours afficher le code source de la page où tu as vu ton select, c'est sûrement géré en css, mais ça ne marche que pour les couleurs. J'ai déjà fait des tests d'insertion d'images dans les options, ça fonction plus ou moins sous IE en mettant l'url de l'image dans la css. Aucun résultat probant sous FF en tout cas.
Pour résumer, si tu ne cherches qu'à ajouter des couleurs, il y a plein d'exemples qui fonctionnent qui traînent sur le web. Pour les images, laisse tomber les css et crée ton composant.
A+.

cs_bultez · Answer

Anthed++

Cordialement Bul [mon Site] [M'écrire]

amateurjava · Answer

Creer mon composant?

Faites vous plaisir !!

amateurjava · Answer

J'ai teste ce que bultez à ecrit, c'est vrai que ça marche...
par contre mettre un background image ne fonctionne pas.
C'est quoi creer un composant?

Faites vous plaisir !!

nickadele · Answer

Bonjour,
C'est quoi creer un composant? >> C'est créer ton propre "Select", c'est à dire que tu vas devoir définir ses comportement, son style, ses actions, ses evenements ect...

Je te rassure il existe des choses toutes faites sur le net, notemment via le lien de bultez. Mais il en existe d'autres. En gros ton propre "Select" c'est comme un menu déroulant amélioré !

Nickadele

Bultez++ en passant

Afficher une image dans un champ type select

11 réponses

Votre réponse

Discussions similaires