+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [resolu] afficher une image en fonction d'un select (/showthread.php?tid=320)
[resolu] afficher une image en fonction d'un select - nemesis_elite - 12-10-2006
Bonjour a tous !
Je vous explique : j'aimerai que lorsque l'on choisit tel ou tel option dans un select, cela affiche l'image correspondante.
Voici ma page :
Code :
<html>
<head>
<script type="javascript">
function voirimg() {
var imgsrc = lol.elements['skin'].options[lol.elements['skin'].selectedIndex].value;
document.voir.src = imgsrc;
}
</script>
</head>
<body>
<form name="lol" action="#">
<label>Image : <br />
<select name="skin" id="skin" onChange="voirimg()">
<option value=""> - </option>
<option value="arme.png">Arme</option>
<option value="armure.png">Armure</option>
<option value="anneau.png">Anneau</option>
</select></label>
<img src="#" alt="" name='avoir' />
</form>
</body>
</html>cela ne marche pas lorsque je change d'option.
Pouvez vous m'aider ??
merci d'avance
RE: afficher une image en fonction d'un select - LittleQI - 12-10-2006
Code :
<html>
<head>
</head>
<body>
<label>Image : <br />
<select name="skin" onChange="javascript:document.getElementById('avoir').src = this.value;">
<option value="#"> - </option>
<option value="arme.png">Arme</option>
<option value="armure.png">Armure</option>
<option value="anneau.png">Anneau</option>
</select></label>
<img src="#" alt="" id='avoir' />
</body>
</html>RE: afficher une image en fonction d'un select - nemesis_elite - 12-10-2006
A merci ça maeche impect.
Mille merci
RE: [resolu] afficher une image en fonction d'un select - nemesis_elite - 13-10-2006
J'ai juste necore un petit probleme du meme ordre.
J'aimerai que en fonction ce que le choisit dans un select, il y a la div correspondante qui s'affiche.
J'ai donc ça:
Code :
<html>
<head>
<script type="javascript">
function montrer(nomDiv){
var div = document.getElementById(nomDiv)
div.style.visibility='visible';
div.style.display='block';
}
</script>
</head>
<body>
<label>Image : <br />
<select name="skin" onChange="javascript:document.getElementById('avoir').src = this.value;">
<option value="#"> - </option>
<option value="arme.png">Arme</option>
<option value="armure.png">Armure</option>
<option value="anneau.png">Anneau</option>
</select></label>
<img src="#" alt="" id='avoir' /><br/>
<label>Type : <br />
<select name="type" onChange="javascript:montrer(this.value)">
<option value=""> - </option>
<option value="arme">Arme</option>
<option value="armure">Armure</option>
<option value="anneau">Anneau</option>
</select></label><br/>
<div id="arme" style="visibility: hidden;display:none;">
arme
</div>
<div id="armure" style="visibility: hidden;display:none;">
armure
</div>
<div id="anneau" style="visibility: hidden;display:none;">
anneau
</div>
lol
</body>
</html>Pourrait tu me sauver la vie stp ???
merci d'avance
RE: [resolu] afficher une image en fonction d'un select - LittleQI - 14-10-2006
un petit ; après " var div = document.getElementById(nomDiv)" et ça devrait mieu fonctionner