[JavaScript] Problème avec un petit script

Problème avec un petit script [JavaScript] - HTML/CSS - Programmation

Marsh Posté le 15-03-2006 à 23:59:13    

Voila, je tourne en rond, je ne comprends vraiment pas pourquoi mon script ne marche pas, si quelqu'un pouvais me dire pourquoi, je lui en serais vraiment gré :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Test</title>
  6. <script type="text/javascript">
  7. function TirerLesCylindres()
  8. { img1.src='images/image2.jpg';
  9.   img2.src='images/image3.jpg';
  10.   img3.src='images/image1.jpg'; }
  11. </script>
  12. </head>
  13. <body>
  14. <img src="images/image1.jpg" name="img1" alt="Img1"/>
  15. <img src="images/image2.jpg" name="img2" alt="Img2"/>
  16. <img src="images/image3.jpg" name="img3" alt="Img3"/>
  17. <p>
  18. <input type="button" value="Lancer" onClick='TirerLesCylindres()';/>
  19. </body>
  20. </html>


 
En fait, quand je clique sur le boutton, mes 3 images sont censées changer, mais dans mon cas il ne se passe absolument rien =/

Reply

Marsh Posté le 15-03-2006 à 23:59:13   

Reply

Marsh Posté le 16-03-2006 à 00:03:51    

Il doit pas les trouvé...
 
 
Met des id plutot que des name à tes <img
 
et fait un getElementById("img1" )

Reply

Marsh Posté le 16-03-2006 à 00:06:58    

parce que tu définit le script _avant_ que ne soit définie les images, il faudrait mettre le script à la fin.

Reply

Marsh Posté le 16-03-2006 à 00:07:37    

et surement document.img1

Reply

Marsh Posté le 16-03-2006 à 00:08:27    

nargy a écrit :

et surement document.img1


 
 
+1

Reply

Marsh Posté le 16-03-2006 à 00:09:10    

nargy a écrit :

parce que tu définit le script _avant_ que ne soit définie les images, il faudrait mettre le script à la fin.


 
-1  :o     :lol:

Reply

Marsh Posté le 16-03-2006 à 00:12:20    

nargy a écrit :

parce que tu définit le script _avant_ que ne soit définie les images, il faudrait mettre le script à la fin.


-100
il déclare une fonction au debut de sa page et non autre chose :o

Reply

Marsh Posté le 16-03-2006 à 00:14:48    

comme te l'expliquais xtof_83 c'est ton js qui suxe :o

Code :
  1. function TirerLesCylindres(){
  2. document.getElementById('img1').setAttribute(src,'images/image2.jpg');
  3. document.getElementById('img2').setAttribute(src,'images/image3.jpg');
  4. document.getElementById('img3').setAttribute(src,'images/image1.jpg');
  5. }
  6. </script>


et dans ton html tu mets:

Code :
  1. <img src="images/image1.jpg" id="img1" alt="Img1"/>
  2. <img src="images/image2.jpg" id="img2" alt="Img2"/>
  3. <img src="images/image3.jpg" id="img3" alt="Img3"/>


 
Par contre nargy nawak ton explication :o l'appel de la fonction est fait sur le click d'un bouton après que la page soit construite...

Reply

Marsh Posté le 16-03-2006 à 00:31:30    

ouais nawak comme tu dis. faudra que je prenne l habitude de lire les énoncés. :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed