Bonjour à tous,

excusez ma question de novice...
j'ai un problème à resoudre et je ne sais pas s'il convient de le faire en php ou javascript?
Ni comment le faire...


J'ai une menu déroulant qui m'affiche une liste de véhicules.
En fonction du choix, une image du vehicule s'affiche.

J'ai dans la base:
Véhicules:
camion
voiture

Couleurs:
sans couleur
rouge
jaune

J'ai comme images:
voiture sans couleur.jpg
voiture rouge.jpg
voiture jaune.jpg
camion sans couleur.jpg
camion rouge.jpg
camion jaune.jpg

Par defaut, quand je choisis le véhicule, il s'affiche le véhicule sans couleur.
C'est en choisissant la couleur que l'image vehicule_sans_couleur.jpg devient vehicule_rouge.jpg par exemple.

Cela implique qu'il faudrait faire un test sur id véhicule et l'id couleur.
Une fois les 2 testés, on affiche le vehicule en couleur .jpg...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<select name="skin" style="width :132px" onChange="javascript:document.getElementById('vehicule').src = this.value;">
<option value="./images/voiture.png">voiture</option>
<option value="./images/camion.png">camion</option>
</select></label><BR />
 
<select name="skin" style="width :132px" onChange="javascript:document.getElementById('couleur').src = this.value;">
<option value="./images/rouge.png">rouge</option>
<option value="./images/jaune.png">jaune</option>
</select></label><BR />
 
 
<img src="" alt="" id='vehicule'  />
Que me conseillez vous?