TUTORIELS 
JavaScript : choisir une image dans un menu
Cette fonction permet de présenter une image illustrant la sélection en cours.  (26 février 2004)
 
Forums
* Discutez en sur les forums
Nous allons profiter ici du fait que les menus de sélections répondent à l'évènement onChange() pour modifier l'affichage d'une image selon notre sélection. Sur un site actif, ce type de comportement peut se révéler utile pour simplement afficher ce à quoi correspond la sélection. L'avantage ici est que l'on peut placer l'image n'importe où dans la page, le DOM nous permet de la retrouver (pour peu qu'on lui donne le bon nom).

Le code
<script language="JavaScript">
function afficherImage(nom)
  {
  if (document.images)
    {
    document.images['chiffre'].src = "/img/" + nom;
    }
  }
</script>

<img src="/developpeur/img/image1.gif" name="chiffre" width="50" height="50">

<form>
  <select onChange="afficherImage(this.options[selectedIndex].value)">
    <option value="image1.gif" selected>Show image 1
    <option value="image2.gif">Show image 2
    <option value="image3.gif">Show image 3
    <option value="image4.gif">Show image 4
  </select>
</form>

 
[ Xavier BorderieJDNet
 
Accueil | Haut de page