Utiliser arguments pour noms de calques

Utiliser arguments pour noms de calques - HTML/CSS - Programmation

Marsh Posté le 13-12-2007 à 00:48:12    

Hello everyone,
 
Voila j'essaie de bricoler avec JavaScript, y a vraiment pas d'autres mots pour mieux décrire.
 
Sur ma page Internet, j'ai deux boutons img, chacun d'eux fait apparaître un calque différent.
Place à la source.. (fichier .js externe)
 

Code :
  1. <!--
  2. var montrer = true
  4. function basculer(valeur)
  6. { if (montrer == true)
  7.   { document.all.valeur.style.visibility
  8.             = "hidden"
  9.     montrer = false
  10.   }
  11.   else
  12.   { document.all.valeur.style.visibility
  13.             = "visible"
  14.     montrer = true
  15.   }
  17.   return true
  18. }
  19. -->


Et donc dans ma page..

Code :
  1. <img src="Images_CSS/Boutons/infos.gif" alt="Infos"  name="infos"  width="37" height="32" id="infos"  onClick="basculer(imageQuiBascule)">
  2. <img src="Images_CSS/Boutons/infos.gif" alt="Infos2" name="infos2" width="37" height="32" id="infos2" onClick="basculer(imageQuiBascule2)">


 
 imageQuiBascule = calque nommé imageQuiBascule
 imageQuiBascule2 = calque nommé imageQuiBascule2
 
Bref si j'utilise pas d'argument, et que je met directement le nom du calque, ça fonctionne très bien mais ça signifie que je dois faire 2 scripts pour la même fonction. Je suppose qu'il s'agit d'un petit problème de syntaxe dans le cas contraire pourriez-vous m'expliquer la bonne marche à suivre s'il vous plait ?
 
Merci par avance de votre soutient
 
 
 

Reply

Marsh Posté le 13-12-2007 à 00:48:12   

Reply

Marsh Posté le 18-12-2007 à 13:30:48    

Code :
  1. <script type="text/javascript">
  2. <!--
  3. function basculer(img, img1, img2)
  4. { img.src=img.src==img1?img2:img1; }
  5. // -->
  6. </script>
  7. <img src="Image1.gif" alt="Infos" name="infos"  id="infos"  onClick="basculer(this, 'Image1.gif', 'Image2.gif')">


Reply

Marsh Posté le 18-12-2007 à 17:11:23    

Eh bien merci à toi, depuis ce temps, je n'imaginais plus avoir de réponses. A vrai dire, j'ai finalement trouver la solution, mais la tienne est quelque peu différente, je vais pouvoir comparer et essayer, merci encore.

Reply

Sujets relatifs:

Leave a Replay

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