JeuWeb Créez votre jeu par navigateur !

nemesis_elite · (Modification du message : 12-10-2006, 10:50 PM par nemesis_elite.)

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

LittleQI · (Modification du message : 12-10-2006, 10:46 PM par LittleQI.)

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>

J'ai pas testé mais ça devrai marcher

nemesis_elite · (Modification du message : 13-10-2006, 08:37 PM par nemesis_elite.)

A merci ça maeche impect.

Mille merci Wink

nemesis_elite · 13-10-2006, 08:38 PM

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

LittleQI · 14-10-2006, 07:08 PM

un petit ; après " var div = document.getElementById(nomDiv)" et ça devrait mieu fonctionner

Sujets apparemment similaires…
Sujet		Auteur	Réponses	Affichages	Dernier message
	remplissage select en foncton d'un autre select	hercull	3	4 053	27-11-2015, 10:49 AM Dernier message: Xenos
	[Résolu] Galerie d'image dynamique URL	didawin	2	2 818	06-05-2014, 04:40 PM Dernier message: didawin
	[Resolu] SQL: SELECT sur entrée inexistante	zneman	4	2 932	17-02-2013, 11:37 PM Dernier message: Ter Rowan
	[Résolu][Rails & Haml] Attribut "title" sur select	Holy	2	3 014	14-01-2013, 08:29 AM Dernier message: Holy
	[Résolu][Rails] Récupération de données composites de PostgreSQL avec MonModel.select	Maz	31	11 347	28-09-2011, 08:50 PM Dernier message: Sephi-Chan