begin process at 2010 08 01 01:28:37
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Afficher une image dans un champ type select


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Afficher une image dans un champ type select

jeudi 29 mai 2008 à 00:33:13 | Afficher une image dans un champ type select

amateurjava

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 :
<select name"xx">
<option value="toto"><img src="monlien.gif">Toto</option>
</select>
mais ça marche pas.

Qqu'un à la solution?


Faites vous plaisir !!
jeudi 29 mai 2008 à 07:38:06 | Re : Afficher une image dans un champ type select

bultez

Membre Club
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 ?


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 29 mai 2008 à 08:05:22 | Re : Afficher une image dans un champ type select

amateurjava

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 !!
jeudi 29 mai 2008 à 09:16:49 | Re : Afficher une image dans un champ type select

bultez

Membre Club
des couleurs... peut-être...   mais pas y mettre des images.

                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 29 mai 2008 à 09:54:05 | Re : Afficher une image dans un champ type select

Anthed

Je ne connais pas d'autre moyen que de créer ta propre liste (avec un div par exemple)
Tchô.
jeudi 29 mai 2008 à 10:02:26 | Re : Afficher une image dans un champ type select

amateurjava

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 !!
jeudi 29 mai 2008 à 10:09:34 | Re : Afficher une image dans un champ type select

Anthed

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+.
jeudi 29 mai 2008 à 10:14:21 | Re : Afficher une image dans un champ type select

bultez

Membre Club
Anthed++

<select size=5>
    <option style="background-color:red">exemple fond</option>
    <option style="color:red">exemple texte</option>
</select>


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 29 mai 2008 à 10:14:21 | Re : Afficher une image dans un champ type select

amateurjava

Creer mon composant?

Faites vous plaisir !!
jeudi 29 mai 2008 à 10:38:55 | Re : Afficher une image dans un champ type select

amateurjava

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 !!

1 2

Cette discussion est classée dans : type, afficher, image, champ, select


Répondre à ce message

Sujets en rapport avec ce message

le type "select" devient un "text" [ par enis ] J'ai une liste déroulante contenant différents métier : ---------- ElectronicienInformaticien</optio deselectioner select [ par tatofr ] salutj'ai une champ liste avec une des options selectionnéj'ai voudrai lorsque je clique sur un champ texte, deselectionner la option[] sur le champ l Afficher une(+) image(s) sur une autre... [ par Ptival ] Bonjour tout le monde !J'aimerais savoir si on pouvait afficher en Javascript, ( ou un autre langage mais je pense que ce serait plutôt du JS ), dans N'afficher l'image que quand elle est complete [ par RazielReaver ] Salut à tous,Je cherche depuis un moment la solution pour n'afficher l'image que quand elle est arrivé entièrement dans le cache du navigateur. Autrem re enorme probleme [ par morgandetoi06 ] voila en fait quand je veu afficher une image par exemple je suis obligé de faire clique droit -> afficher l image pour la voirje capte pas d où ça vi champ select [ par chingo ] Bonjour.Mon formulaire contient un champ de type select qui se présente comme ceci : <op Ajouter du texte a un champ texte depuis une image [ par eka808 ] Bonjour à tousVoila mon problèmeJe voudrais que le clic d'une image sur ma page ajoute du texte a un champ texte d'un formulaireMerci d'avance pour d' Afficher une variable [ par kylling ] Salut,Je voudrais savoir si quelqu'un aurait une solution qui me permettrait d'afficher une variable JS autrement que dans un champ 'text' de formulai Image qui agi sur un champ texte [ par sagaff ] Bonjours,J'aimerai que lorsque je clique sur une image ,ca agissent sur un champ texte.Je suis entrai nde faire un script de news, donc quand je cliqu information sur une image dans un cadre spécifié [ par vencent15081980 ] Bonjour ,Je souhaite lorsque l'on passe la souris sur une image (avec un lien ou non) afficher des infos sur cette image (plusieurs lignes) à un endro


Nos sponsors


Sondage...

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales