Accès aux champs d'un formulaire

Accès aux champs d'un formulaire - Programmation

Marsh Posté le 29-08-2002 à 00:13:49    

Voilà j'ai un formulaire sur une page qui s'appelle form1.
 
Dans ce formulaire, j'ai 2 champs (artiste et titre) que je veux mettre à blanc quand j'appuie sur un bouton nommé 'effacer'.
 
J'ai donc fait un 'onclick' qui envoie à une fonction efface() dont voici le code:
 

Code :
  1. <script language="Javascript">
  2. function efface() {
  3. document.form1.titre.value = '';
  4. doucment.form1.artiste.value= '';
  5. }
  6. </script>


 
Le problème est que j'obtient une erreur par exemple:
 
document.form1.titre is null or not an object
 
Alors qu'il me semble acceder au champ du formulaire correctement...
 
Quelqu'un peut-il m'aider ?
 
Merci.
 
 


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 00:13:49   

Reply

Marsh Posté le 29-08-2002 à 00:26:24    

document.getElementByName("titre" ).value = '' ?
 
ou ById

Reply

Marsh Posté le 29-08-2002 à 00:35:07    

??


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 02:35:32    

Balance le code HTML de ton formulaire, pour voir...

Reply

Marsh Posté le 29-08-2002 à 02:50:08    

un bouton de type='reset' le fait automatiquement au cas ou...


---------------
...oups kernel error...
Reply

Marsh Posté le 29-08-2002 à 10:50:49    

OK
 

Code :
  1. <form name="form1" method="post" action="Copy%20of%20music.php">
  2.  <table width="75%" border="0" cellspacing="0" cellpadding="0" align="center">
  3.    <tr>
  4.   <td width="6%"> </td>
  5.   <td width="23%"> </td>
  6.   <td width="36%">
  7.     <div align="center"><font face="Arial, Helvetica, sans-serif" size="1"><b>Nouvelles
  8.    valeurs</b></font></div>
  9.   </td>
  10.   <td width="35%"> </td>
  11.    </tr>
  12.    <tr>
  13.   <td width="6%">
  14.     <div align="right"><font face="Arial, Helvetica, sans-serif">Artiste</font></div>
  15.   </td>
  16.   <td width="23%"><font face="Arial, Helvetica, sans-serif">
  17.     <?php
  18. if ($param1=="" ) {
  19. echo '<input type="text" name="artiste" size="30" maxlength="30">';
  20.         }
  21. else {
  22. echo '<input type="text" name="artiste" size="30" maxlength="30" value="',$html1,'">';
  23. }
  24. ?>
  25.     </font></td>
  26.   <td width="36%">
  27.     <div align="center"><font face="Arial, Helvetica, sans-serif">
  28.    <?php
  29. if ($param1=="" ) {
  30. echo '<input type="text" name="artistenew" size="30" maxlength="30">';
  31.         }
  32. else {
  33. echo '<input type="text" name="artistenew" size="30" maxlength="30" value="',$html1,'">';
  34. }
  35. ?>
  36.    </font> </div>
  37.   </td>
  38.   <td width="35%"> </td>
  39.    </tr>
  40.    <tr>
  41.   <td width="6%" height="15">
  42.     <div align="right"><font face="Arial, Helvetica, sans-serif">Titre</font></div>
  43.   </td>
  44.   <td width="23%" height="15"><font face="Arial, Helvetica, sans-serif">
  45.     <?php
  46. if ($param2=="" ) {
  47.         echo '<input type="text" name="titre" size="30" maxlength="30">';
  48. }
  49. else {
  50. echo '<input type="text" name="titre" size="30" maxlength="30" value="',$html2,'">';
  51. }
  52. ?>
  53.     </font></td>
  54.   <td width="36%" height="15">
  55.     <div align="center"><font face="Arial, Helvetica, sans-serif">
  56.    <?php
  57. if ($param2=="" ) {
  58. echo '<input type="text" name="titrenew" size="30" maxlength="30">';
  59.         }
  60. else {
  61. echo '<input type="text" name="titrenew" size="30" maxlength="30" value="',$html2,'">';
  62. }
  63. ?>
  64.    </font> </div>
  65.   </td>
  66.   <td width="35%" height="15"> </td>
  67.    </tr>
  68.    <tr>
  69.   <td width="6%">
  70.     <div align="right"><font face="Arial, Helvetica, sans-serif">Style</font></div>
  71.   </td>
  72.   <td width="23%"><font face="Arial, Helvetica, sans-serif">
  73.     <select name="style" size="1">
  74.    <?php
  75. while ($row=mysql_fetch_array($result)) {
  76. $vdb=$row["valeurs_db"];
  77. $vfo=$row["valeurs_form"];
  78. if ($param3==$vdb) {
  79. echo '<option value="',$vdb,'" selected>',htmlentities($vfo),'</option>';
  80. }
  81. else {
  82. echo '<option value="',$vdb,'">',htmlentities($vfo),'</option>';
  83. }
  84. }
  85. ?>
  86.     </select>
  87.     </font></td>
  88.   <td width="36%">
  89.     <div align="center"><font face="Arial, Helvetica, sans-serif">
  90.    <select name="stylenew" size="1">
  91.      <?php
  92. mysql_data_seek($result,0);
  93. while ($row=mysql_fetch_array($result)) {
  94. $vdb=$row["valeurs_db"];
  95. $vfo=$row["valeurs_form"];
  96. if ($param3==$vdb) {
  97. echo '<option value="',$vdb,'" selected>',htmlentities($vfo),'</option>';
  98. }
  99. else {
  100. echo '<option value="',$vdb,'">',htmlentities($vfo),'</option>';
  101. }
  102. }
  103. ?>
  104.    </select>
  105.    </font></div>
  106.   </td>
  107.   <td width="35%"> </td>
  108.    </tr>
  109.    <tr>
  110.   <td width="6%"> </td>
  111.   <td width="23%"> </td>
  112.   <td width="36%"> </td>
  113.   <td width="35%"> </td>
  114.    </tr>
  115.    <tr>
  116.   <td width="6%"> </td>
  117.   <td width="23%"><font face="Arial, Helvetica, sans-serif" size="2">
  118.     <input type="radio" name="choix" value="record" checked>
  119.     Création<br>
  120.     </font><font size="2" face="Arial, Helvetica, sans-serif">
  121.     <input type="radio" name="choix" value="update">
  122.     Modification</font> <font size="2" face="Arial, Helvetica, sans-serif">
  123.     <br>
  124.     <input type="radio" name="choix" value="delete">
  125.     Suppression</font></td>
  126.   <td width="36%">
  127.     <div align="right"><font face="Arial, Helvetica, sans-serif">
  128.    <input type="submit" name="Submit" value="Envoyer">
  129.    <input type="button" name="Effacer" value="Effacer" onClick="javascript: efface();">
  130.    </font></div>
  131.   </td>
  132.   <td width="35%">
  133.     <div align="center">
  134.    <input type="button" name="Submit3" value="Vérité" onClick="javascript: window.open('newfen.htm','Exemple','width=250,height=300,top=120,left=120');">
  135.     </div>
  136.   </td>
  137.    </tr>
  138.  </table>
  139.   </form>


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 13:09:38    

up


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 13:31:56    

La bonne solution est celle donée par ethernal :
 
<input type="reset" value="Effacer">

Reply

Marsh Posté le 29-08-2002 à 13:39:24    

Non, non.
 
C'est bien sur la 1ère chose que j'ai essayé.
 
Mais vu que le contenu des champs est géré dynamiquement, ils contiennent parfois des valeurs, qui était réaffichée lorsque j'appuyais sur Effacer.
 
Je veux réellement mettre ces cases à vide, lorsque j'appuie sur Efaacer.


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 21:04:30    

up


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 29-08-2002 à 21:04:30   

Reply

Marsh Posté le 30-08-2002 à 10:55:19    

up


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 30-08-2002 à 10:58:54    

Ecoute je vois pas où est le problème, a priori tu accèdes aux champs correctement... Si la solution de je@nb ne marche pas, essaye d'utiliser le debugger JavaScript de Mozilla.

Reply

Sujets relatifs:

Leave a Replay

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