CescoCorp
Nouveau membre
Bonjour,
De nombreux sujets portent sur les listes déroulantes et la fonction onChange() mais aucun n'a pu résoudre totalement mon problème.
En effet, j'ai réalisé plusieurs listes déroulantes qui possèdent toutes les mêmes champs, j'ai attribué à chaque champs un lien vers une image spécifique puis la fonction javascript onChange() m'affiche l'image correspondante.
J'ai alors à gauche mes listes déroulantes et à droite l'image qui s'affiche.
Dès que je clique sur l'un des champs de l'une des listes déroulantes, je voudrais que l'image correspondante s'affiche à droite. Il n'y aurait donc toujours qu'une seule image qui s'affiche!
Voici mon code :
Si cette fonction s'exécute correctement pour une seule liste déroulante, elle ne fonctionne plus pour plusieurs.
D'où ma question : Est-il possible de n'afficher qu'une seule image avec une même fonction mais pour plusieurs listes déroulantes ?
De nombreux sujets portent sur les listes déroulantes et la fonction onChange() mais aucun n'a pu résoudre totalement mon problème.
En effet, j'ai réalisé plusieurs listes déroulantes qui possèdent toutes les mêmes champs, j'ai attribué à chaque champs un lien vers une image spécifique puis la fonction javascript onChange() m'affiche l'image correspondante.
J'ai alors à gauche mes listes déroulantes et à droite l'image qui s'affiche.
Dès que je clique sur l'un des champs de l'une des listes déroulantes, je voudrais que l'image correspondante s'affiche à droite. Il n'y aurait donc toujours qu'une seule image qui s'affiche!
Voici mon code :
Code:
<script LANGUAGE="JavaScript">
var current = 0;
function change(){
current=document.formname.place.selectedIndex;
document.images.show.src = document.formname.place[current].value;}
</script>
...
<form name="formname">
<select name="place" onChange="change();">
<option value="vide.png" selected="selected">Sélectionner</option>
<option value="img1.jpg">Champ1</option>
<option value="img2.jpg">Champ2</option>
</select>
<select name="place" onChange="change();">
<option value="vide.png" selected="selected">Sélectionner</option>
<option value="img1.jpg">Champ1</option>
<option value="img2.jpg">Champ2</option>
</select>
</form>
...
<img src="vide.png" name="show">
D'où ma question : Est-il possible de n'afficher qu'une seule image avec une même fonction mais pour plusieurs listes déroulantes ?