Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript Image depuis un menu déroulant

Image depuis un menu déroulant

6 réponses
Avatar
claudy
Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu déroulant
Merci d'avance,
claudy
Signaler un problème avec ce contenu

6 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Fabien Schoenenberger
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option

value="" selected="selected">choisir une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est selectionnée :

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select> :
this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr

Avatar
claudy
Bonjour, et merci, c'est exactement ce que je voulais....
Mais l'image par défaut(Celle qui serait présente avant d'utiliser la liste)
devrait être l'image zaza.gif
Comment adapter ton code ?
Merci beaucoup.
Claudy.
"Fabien Schoenenberger" a écrit dans le
message de news: 44dacf8f$0$30106$
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu
déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option
value="" selected="selected">choisir une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à
rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est selectionnée
:

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select> :
this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr




Avatar
Fabien Schoenenberger
On 2006-08-10 09:06:39 +0200, "claudy"
said:

Bonjour, et merci, c'est exactement ce que je voulais....
Mais l'image par défaut(Celle qui serait présente avant d'utiliser la
liste) devrait être l'image zaza.gif
Comment adapter ton code ?
Merci beaucoup.
Claudy.
"Fabien Schoenenberger" a écrit dans le
message de news: 44dacf8f$0$30106$
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option


value=""

selected="selected">choisir une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est selectionnée :

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select> :
this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



<img src="zaza.gif" alt="..." />
par exemple ?
--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



Avatar
claudy
"Fabien Schoenenberger" a écrit dans le
message de news: 44daefde$0$30135$
On 2006-08-10 09:06:39 +0200, "claudy"
said:

Bonjour, et merci, c'est exactement ce que je voulais....
Mais l'image par défaut(Celle qui serait présente avant d'utiliser la
liste) devrait être l'image zaza.gif
Comment adapter ton code ?
Merci beaucoup.
Claudy.
"Fabien Schoenenberger" a écrit dans le
message de news: 44dacf8f$0$30106$
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu
déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option


value=""

selected="selected">choisir une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à
rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est
selectionnée :

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select> :
this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



<img src="zaza.gif" alt="..." />
par exemple ?


Ok, mais à placer où????
A+


-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr






Avatar
Fabien Schoenenberger
On 2006-08-10 11:18:55 +0200, "claudy"
said:


"Fabien Schoenenberger" a écrit dans le
message de news: 44daefde$0$30135$
On 2006-08-10 09:06:39 +0200, "claudy"
said:

Bonjour, et merci, c'est exactement ce que je voulais....
Mais l'image par défaut(Celle qui serait présente avant d'utiliser la
liste) devrait être l'image zaza.gif
Comment adapter ton code ?
Merci beaucoup.
Claudy.
"Fabien Schoenenberger" a écrit dans le
message de news: 44dacf8f$0$30106$
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option




value=""

selected="selected">choisir

une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est selectionnée :

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select> :
this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



<img src="zaza.gif" alt="..." />
par exemple ?


Ok, mais à placer où????
A+


-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



.. A la place de
<img src="" alt="mon image" id="monImage">
tu mets :
<img src="zaza.gif" alt="mon image" id="monImage">

... ... ?


--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr





Avatar
claudy
Ok, merci beaucoup, quand le site sera ok, je t'envoie l'adresse
A+
Claudy

"Fabien Schoenenberger" a écrit dans le
message de news: 44db1534$0$18237$
On 2006-08-10 11:18:55 +0200, "claudy"
said:


"Fabien Schoenenberger" a écrit dans le
message de news: 44daefde$0$30135$
On 2006-08-10 09:06:39 +0200, "claudy"
said:

Bonjour, et merci, c'est exactement ce que je voulais....
Mais l'image par défaut(Celle qui serait présente avant d'utiliser la
liste) devrait être l'image zaza.gif
Comment adapter ton code ?
Merci beaucoup.
Claudy.
"Fabien Schoenenberger" a écrit dans le
message de news: 44dacf8f$0$30106$
On 2006-08-09 16:07:39 +0200, "claudy"
said:

Bonjour,
je débute en javascript...
Comment afficher une image (Pas en pop up), choisie dans un menu
déroulant
Merci d'avance,
claudy


Essaye qq chose comme ca :

<html>
<body>
<select name="listeImage"
onchange="if (this.options[this.options.selectedIndex].value !=
'')document.getElementById('monImage').src=this.options[this.options.selectedIndex].value;">
<option




value=""

selected="selected">choisir

une valeur</option>
<option
value="http://openclipart.org/clipart/computer/24_ports_switch_nicolas__01.png">image
1</option>
<option
value="http://openclipart.org/clipart/computer/48_ports_switch_nicolas__01.png">image
2</option>
<option
value="http://openclipart.org/clipart/computer/8port_hub_ruairi_hann_r.png">image
3</option>
</select>
<img src="" alt="mon image" id="monImage">
<br />
</body>
</html>



Comment ca marche ? (car balancer du code brut de décoffrage ne rime à
rien)

evenement onchange sur <select>, dès que tu changes la valeur, ca
déclenche le script.
le script : Si une option autre que "choisir une valeur" est
selectionnée :

je cherche la référence de la balise img via son id :
document.getElementById ('monImage')

Je prends la valeur actuellement selectionnée dans la balise <select>
: this.options[this.options.selectedIndex].value

Je change la source de ladite image en lui attribuant la valeur de la
balise <option> selectionnée.

That's all ...

--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



<img src="zaza.gif" alt="..." />
par exemple ?


Ok, mais à placer où????
A+


-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr



.. A la place de
<img src="" alt="mon image" id="monImage">
tu mets :
<img src="zaza.gif" alt="mon image" id="monImage">

... ... ?


--

-- -- -- -- -- -- -- -- -- -- -- -- -- --
http://schoenenberger.free.fr