[JS] - Débutant - Besoin d'aide pour un script ...

- Débutant - Besoin d'aide pour un script ... [JS] - HTML/CSS - Programmation

Marsh Posté le 12-12-2003 à 22:19:13    

Bonjour à tous, j'apprends petit à petit le JavaScript et j'ai créé cette fonction :
 

Code :
  1. function Coche()
  2. {
  3.     if(document.forms["formulaire"].titre.value.length==0)
  4.     {
  5.     document.forms["formulaire"].check.checked = false
  6.     }
  7.     else
  8.     {
  9.     document.forms["formulaire"].check.checked = true
  10.     }
  11. }


 
Pour ce qui est du HTML ça donne ça :
 

Code :
  1. <form name="formulaire">
  2. <input name="check" type="checkbox" onBlur="Coche();"> Titre : <input name="titre" type="text" onBlur="Coche();">
  3. </form>


 
Vous l'aurez compris, c'est une fonction qui coche la case associée à une zone de texte si cette dernière est remplie...
 
La question que je me pose est la suivante : comment faire pour utiliser cette même fonction pour plusieurs zone de texte et plusieurs checkbox ?
 
Merci par avance, et n'hésitez pas à me demander plus de details...
 
++

Reply

Marsh Posté le 12-12-2003 à 22:19:13   

Reply

Marsh Posté le 13-12-2003 à 16:52:40    

Please, I need help :'(
 
Bon j'ai essayé ça mais ça marche pas ... je connais pas assez le JS :lol: Ca va en faire rire plus d'un je suis sûr :D
 

Code :
  1. function Coche(i)
  2. {
  3.     if(document.forms["formulaire"].titre + i + .value.length==0)
  4.     {
  5.     document.forms["formulaire"].check + i + .checked = false
  6.     }
  7.     else
  8.     {
  9.     document.forms["formulaire"].check + i + .checked = true
  10.     }
  11. }


 

Code :
  1. <form name="formulaire">
  2. <input name="check1" type="checkbox" onBlur="Coche(1);"> Titre : <input name="titre1" type="text" onBlur="Coche(1);"><br>
  3. <input name="check2" type="checkbox" onBlur="Coche(2);"> Titre : <input name="titre2" type="text" onBlur="Coche(2);"><br>
  4. <input name="check3" type="checkbox" onBlur="Coche(3);"> Titre : <input name="titre3" type="text" onBlur="Coche(3);"><br>
  5. </form>


Message édité par Dj YeLL le 13-12-2003 à 16:53:12
Reply

Marsh Posté le 13-12-2003 à 20:42:57    

Bon, en bidouillant j'ai reussi a faire ce que je voulais ... mais c'est du non-optimized powa !
 
Je suis sur qu'il y a moyen d'ameliorer tout ça ... en tout cas ça marche :)
 

Code :
  1. <html>
  2. <head>
  3. <script language="Javascript">
  4. <!--
  5. function Coche(varun,vardeux)
  6. {
  7.     if(document.getElementById(varun).value.length==0)
  8.     {
  9.     document.getElementById(vardeux).checked = false
  10.     }
  11.     else
  12.     {
  13.     document.getElementById(vardeux).checked = true
  14.     }
  15. }
  16. // -->
  17. </script>
  18. </head>
  19. <body>
  20. <form name="formulaire">
  21. <input ID="check1" type="checkbox" onBlur="Coche('titre1','check1');"> Titre : <input ID="titre1" type="text" onBlur="Coche('titre1','check1');"><br>
  22. <input ID="check2" type="checkbox" onBlur="Coche('titre2','check2');"> Titre : <input ID="titre2" type="text" onBlur="Coche('titre2','check2');"><br>
  23. <input ID="check3" type="checkbox" onBlur="Coche('titre3','check3');"> Titre : <input ID="titre3" type="text" onBlur="Coche('titre3','check3');"><br>
  24. <input ID="check4" type="checkbox" onBlur="Coche('titre4','check4');"> Titre : <input ID="titre4" type="text" onBlur="Coche('titre4','check4');"><br>
  25. </form>
  26. </body>
  27. </html>

Reply

Sujets relatifs:

Leave a Replay

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