[Résolu][Javascript] Boutons graphiques dynamiques

Boutons graphiques dynamiques [Résolu][Javascript] - HTML/CSS - Programmation

Marsh Posté le 01-12-2006 à 11:50:32    

Bonjour,
 
Je veux faire des boutons graphiques dynamiques pour tester un site mais malheureusement ça ne marche pas tout le temps.  
Voici le code:

Code :
  1. <?xml version="1.0"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.         <head>
  6.                 <title>Menu</title>
  7.                 <script type="text/javascript">
  8.                         var home_n = new Image(); home_n.src = "Images/buttons/home.jpg";
  9.                         var home_l = new Image(); home_l.src = "Images/buttons/home_active.jpg";
  10.                         var cn_n = new Image(); cn_n.src = "Images/buttons/cn.jpg";
  11.                         var cn_l = new Image(); cn_l.src = "Images/buttons/cn_active.jpg";
  12.                         var js_n = new Image(); js_n.src = "Images/buttons/js.jpg";
  13.                         var js_l = new Image(); js_l.src = "Images/buttons/js_active.jpg";
  14.                         var london_china_n = new Image(); london_china_n.src = "Images/buttons/london_china.jpg";
  15.                         var london_china_l = new Image(); london_china_l.src = "Images/buttons/london_china_active.jpg";
  16.                         var finland_n = new Image(); finland_n.src = "Images/buttons/finland.jpg";
  17.                         var finland_l = new Image(); finland_l.src = "Images/buttons/finland_active.jpg";
  18.                         var 4ltrophy_n = new Image(); 4ltrophy_n.src = "Images/buttons/4ltrophy.jpg";
  19.                         var 4ltrophy_l = new Image(); 4ltrophy_l.src = "Images/buttons/4ltrophy_active.jpg";
  20.                         var enquiry_n = new Image(); enquiry_n.src = "Images/buttons/enquiry.jpg";
  21.                         var enquiry_l = new Image(); enquiry_l.src = "Images/buttons/enquiry_active.jpg";
  23.                         function change_image(image_number, image_object)
  24.                         {
  25.                                 document.images[image_number].src = image_object.src;
  26.                         }
  27.                 </script>
  29.         </head>
  31.         <body bgcolor="black" face="Comic sans MS" vlink="#7FFFD4" alink="blue" link="#9932CC">
  32.                 <font color="white"><h2>Menu</h2><br></font>
  33.                         <a href="home.html"     target="main" onMouseOut="change_image(0, home_n)" onMouseOver="change_image(0, home_l)">
  34.                                 <img src="Images/buttons/home.jpg" border="0"></a>
  35.                         <a href="cn.html" target="main" onMouseOut="change_image(1, cn_n)" onMouseOver="change_image(1, cn_l)">
  36.                                 <img src="Images/buttons/cn.jpg" border="0"></a><br>
  37.                         <a href="js.html" target="main" onMouseOut="change_image(2, js_n)" onMouseOver="change_image(2, js_l)">
  38.                                 <img src="Images/buttons/js.jpg" border="0"></a><br>
  39.                         <a href="http://gabarra.info" target="main" onMouseOut="change_image(3, london_china_n)"
  40.                                 onMouseOver="change_image(3, london_china_l)">
  41.                                 <img src="Images/buttons/london_china.jpg" border="0"></a><br>
  42.                         <a href="http://nico.efrei.free.fr" target="main" onMouseOut="change_image(4, finland_n)"
  43.                                 onMouseOver="change_image(4, finland_l)">
  44.                                 <img src="Images/buttons/finland.jpg" border="0"></a><br>
  45.                         <a href="http://4ltrophy.info" target="main" onMouseOut="change_image(5, 4ltrophy_n)" onMouseOver="change_image(5, 4ltrophy_l)">
  46.                                 <img src="Images/buttons/4ltrophy.jpg" border="0"></a><br>
  47.                         <a href="enquiry.html" target="main" onMouseOut="change_image(6, enquiry_n)" onMouseOver="change_image(6, enquiry_l)">
  48.                                 <img src="Images/buttons/enquiry.jpg" border="0"></a><br>i<br><br>
  49.                         <a href="mailto:nico.gab@gmail.com"     valign="baseline">nico.gab@gmail.com</a>
  50.         </body>
  51. </html>


Il se trouve que lorsqu'il n'y a, par exemple, que les lignes  

Code :
  1. var home_n = new Image(); home_n.src = "Images/buttons/home.jpg";
  2.                         var home_l = new Image(); home_l.src = "Images/buttons/home_active.jpg";
  3.                         var cn_n = new Image(); cn_n.src = "Images/buttons/cn.jpg";
  4.                         var cn_l = new Image(); cn_l.src = "Images/buttons/cn_active.jpg";


Ca marche. Je ne comprend pas car le code a pourtant l'air correcte. Si quelqu'un voit une erreur qu'il n'hésite pas :)
 
Voici le lien du site http://www.cc.puv.fi/~e0600929/.
 
Merci et bonne journée.


Message édité par nickiller le 01-12-2006 à 18:19:43
Reply

Marsh Posté le 01-12-2006 à 11:50:32   

Reply

Marsh Posté le 01-12-2006 à 18:09:21    

Une variable peut pas commencer par un chiffre, voila....

Reply

Marsh Posté le 01-12-2006 à 18:19:21    

ah je ne savais pas.
 
Merci pour ton aide :)
 

Reply

Sujets relatifs:

Leave a Replay

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