begin process at 2012 05 29 23:52:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Select + images


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

Select + images

dimanche 15 octobre 2006 à 10:27:58 | Select + images

Neill

Bonjour,
Est il possible de faire un select qui affiche une image par rapport au nom des différents select ??

Exemple :
<select name="news" size="1">
                    <option value="matos.png">Matos</option>
                    <option value="eagames.png">EaGames</option>
                    <option value="bf2142.png">BF 2142</option>
</select>
Quand je passe la souris sur Matos, l'image "matos.png" apparait à coté.
Quand je passe la souris sur EaGames, l'image "eagames.png" apparait à coté.
etc ...
En faite, il sagit je pense d'un onmouseover, mais je connais pas bien cette fonction, pouvez vous m'aider ?

Merci beaucoup !
dimanche 15 octobre 2006 à 11:01:21 | Re : Select + images

rubiks10

Membre Club
Salut non ce n'est pas avec onmouseover tu devras utiliser onchange.

<select name="news" size="1" onchange="document.getElementById('selectImage').src = 'repertoire de tes images/'+this.value">
         <option..............></option>
         .
         .
</select>
<img id="selectImage" src="ici l'url de l'image de ta 1ere option de ton select">

voila bonne prog

-- The Rubik's Man --
dimanche 15 octobre 2006 à 11:10:55 | Re : Select + images

Neill

Merci beaucoup, ca marche impécable 
@+


Cette discussion est classée dans : images, image, select, matos, eagames


Répondre à ce message

Sujets en rapport avec ce message

Switch d image avec un "Select" [ par pl4hs ] Bonjour tout le monde, Je viens a vous car je me trouve coincer dans le développement de mon site web. Voila la situation: J'ai une base de données Changement Image à intervalle régulier : probléme fluiditée [ par thierryd75 ] Bonjour, J'ai trouvé ce bout de code sur internet qui peu servir à tous et permet de faire défiler des images, clicable à intervalles réguliers (exce Faire défiler des images avec un délai de 1 seconde [ par mailliam ] Bonjour à tous! Je débute, j'ai récupéré un script pour faire défiler des images toute les secondes. Seulement il faut cliquer sur le bouton suivant, Changer une image de référence d'une map [ par nulenC ] Bonjour, Je suis nouveau sur ce forum, donc si je n'ai pas inscrit ma demande dans la bonne rubrique, n'hésitez pas à la déplacer. [^^happy13] Reven Images sur site internet avec a textarea [ par gardorheian23 ] Bonjour, je m'explique, j'essaye de rendre un site assez simple pour qu'une amie puisse le gerer entièrement. Pour ce faire je lui ai mis un textare Agrandir une vignette d'image au click de souris [ par hic8716 ] Bonjour, Je suis débutant en HTML5, j'ai réalisé une petite page qui permet de sélectionner des images et de les mettre dans une zone en vignettes. J' Redimensionner sans déformer une image avec du Javascript [ par ifuseeknicky ] Bonjour, actuellement en train de créer un site sur Blogger je suis confronté à un problème de dimensions d'images ! Blog Address: http://blogmpocom une image mapé ou plusieurs images boutons [ par christ_l ] Bonjour, je débute en jQuery/html/css. J'ai fait un menu 'animé' à l'aide de Jquery (hover + slowDow/Up) : j'ai des images alligné horiz. qui sont en php +javascript [ par voyages ] bonjour,j'ai des images stocker dans sql et je veux que lorsque le visiteur passe la souris sur l'image que la grosse image change pour celle que la s image [ par napoleonienes ] Bonjour,voilà, je suis administrateur d'une ligue de jeu backgammon je désirerais mettre des images sur la page officielle de case ladder mais ne sais


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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,624 sec (4)

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