changer une image avec un bouton HELP!! - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  changer une image avec un bouton HELP!!

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: changer une image avec un bouton HELP!! (Lu 572 fois)

changer une image avec un bouton HELP!!
« sur: le 08-04-2005 a 11:19:05 »

designer
Membre récent

Hors-Ligne

Messages: 2

Je suis un lama!

Bonjour,

Je voudrais changer une image (nom=vue) par le biais de 2 boutons avec liste déroulante, un pour la couleur, un autre pour le motif.

L'image doit changer selon ces 2 critères, comment faire pour changer l'image selon les 2 valeurs? Est-possible de faire img src=couleur.motif ??

<select name="couleur" ONCHANGE="document.images['vue'].src=couleur">

<option value="bleu" selected>bleu</option>
<option value="rouge">rouge</option>
</select>

<select name="motif" ONCHANGE="document.images['vue'].src=couleur.motif">

<option value="carre" selected>carre</option>
<option value="rond">rond</option>
</select>

<p><img src="images/pic base.jpg" width="85" height="85" name=vue><BR>

Rapporter au modérateur

Re:changer une image avec un bouton HELP!!
« Répondre #1 sur: le 08-04-2005 a 19:12:47 »

tavman
Habitué

Hors-Ligne

Messages: 466

Ce script devrait répondre a ta question je pense...

<html>
<head>
<script language="javascript">
function change_img () {
   if ( document.getElementById('imag').src === "http://www.forum-webmaster.com/images/forum_webmaster_logo.gif" ) {
      document.getElementById('imag').src = "http://www.google.fr/intl/fr_fr/images/logo.gif";
   } else {
      document.getElementById('imag').src = "http://www.forum-webmaster.com/images/forum_webmaster_logo.gif";
   }
}
</script>
</head>

<body>
<img src="http://www.forum-webmaster.com/images/forum_webmaster_logo.gif" onClick="javascript:change_img()" id="imag"/>
</body>
</html>

Alors oui : on peut faire document.getElementById('imag').src et c'est même très pratique