Javascript : petit probleme de OnMouserOver

Fermé
enoladave Messages postés 1 Date d'inscription mercredi 31 mai 2006 Statut Membre Dernière intervention 31 mai 2006 - 31 mai 2006 à 20:33
 Utilisateur anonyme - 1 juin 2006 à 14:18
Vous connaissez sans doute tous le petit code javascript que lon trouve partout, a savoir, le changement d'image en passant sur un lien. (OnMouseOver)


comment le transformer avec OnMouseClick ?

j'aimerai, en cliquand sur un texte (sans lien), changer une image de ma page, sans recharger la page...


Merci de vos réponses qui m'aideront j'en suis sûr


David

1 réponse

Utilisateur anonyme
1 juin 2006 à 14:18
Salut!

<html>
  <head>
    <script language="javascript" type="text/javascript">
      var image_1 = new Image();
      image_1.src="D:/image001.jpg";
      var image_2 = new Image();
      image_2.src="D:/image002.jpg";

      function changeImage(){
	img = document.getElementsByName("myImage")[0];
	if(img.src==image_1.src){
	  img.src=image_2.src;
        }else{
          img.src=image_1.src;
        }
      }
    </script>
  </head>

  <body>
    Clique sur le texte qui apparaît <span style="font-weight: bold;" onClick="changeImage();">en gras</span> dans cette page pour changer d'image.
    <p/>
    <img id="myImage" name="myImage" src="D:/image001.jpg" />
  </body>
</html>


;-)
HackTrack
0