probleme de formulaire généré en Javascript

probleme de formulaire généré en Javascript - HTML/CSS - Programmation

Marsh Posté le 09-05-2007 à 16:29:14    

Bonjour à tous, avant de poster, j'ai chercher longuement une réponse a mon probleme sans jamais la trouver vraiment.
 
Alors voila, j'aimerais générer un formulaire dynamiquement en javascript et pouvoir le récuperer en PHP.
 
Voici le code PHP:

Code :
  1. <form action="corp.inc.php?choix=releve" method="Post">
  2.     <table border=1  cellpadding="0" cellspacing="0">
  3.         <tr>
  4.             <td colspan="5" align="center">VTR</td>
  5.         </tr>
  6.         <tr>
  7.             <td width="148">C.B</td>
  8.             <td width="148">N°SERIE</td>
  9.             <td width="148">T2</td>
  10.             <td width="148">T3</td>
  11.         </tr>
  12.         <tr>
  13.             <td><input name="N_serie_0" type="text"></td>
  14.             <td><input name="N_CD_0" type="text"></td>
  15.             <td><input name="T2_0" type="text"></td>
  16.             <td><input name="T3_0" type="text"></td>
  17.         <tr>
  18.             <td colspan=5><p id="parah">Ajouter des magnetos</p></td>
  19.         </tr>
  20.         <tr>
  21.             <td colspan=5><a href="javascript:addInput()">Ajouter un ou des champ(s)</a></td>
  22.         </tr>
  23.         <tr>
  24.             <td colspan="5"><input type='submit' value='Valider'></td>
  25.         </tr>
  26.     </table>
  27.     </form>


 
Voici le code JS qui permet de généré les champs a rajouter. Je suis désolé par avance, je sais qu'il est dégueulasse mais je début en JS
 
CODE
 

Code :
  1. var arrInput = new Array(0);
  2. var arrInputValue = new Array(0);
  4. function display() {
  5.   document.getElementById('parah').innerHTML="";
  6.   for (intI=0;intI<arrInput.length;intI++) {
  7.     document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  8.   }
  9. }
  11. function saveValue(intId,strValue) {
  12.   arrInputValue[intId]=strValue;
  13. } 
  15. function createInput(id,value) {
  16.   return "\n<input type='text' name='champ_a"+ id +"' id='test "+ id +"' onChange='java script:saveValue("+ id +",this.value)' value='"+ value +"'> \n<input type='text' name='champ_b"+ id +"' id='test "+ id +"' onChange='java script:saveValue("+ id +",this.value)' value='"+ value +"'> \n<input type='text' name='champ_c"+ id +"' id='test "+ id +"' onChange='java script:saveValue("+ id +",this.value)' value='"+ value +"'> \n<input type='text' name='champ_d"+ id +"' id='test "+ id +"' onChange='java script:saveValue("+ id +",this.value)' value='"+ value +"'>";
  17. }
  18. function addInput() {
  19.   //arrInput.push(createInput(arrInput.length));
  20.   arrInput.push(arrInput.length);
  21.   //arrInputValue.push(arrInputValue.length);
  22.   arrInputValue.push("" );
  23.   display();
  24. }
  27. function releve()
  28. {
  29. var champ1 = document.releve_T.champ_a_0.value;
  30. var champ2 = document.releve_T.champ_a_0.value;
  32. alert("le champ1 est: " + champ1 + "\n" + "le champ2 est: " + champ2 + "." );
  33. }


 
 
Ce code me génère bien le formulaire voulu, mais, une fois la deuxième ligne rentrée, lorsque j'en ajoute une troisième (via ma fonction JS), tous les champs créés en JS redeviennent vierge.
 
Si quelqu'un aurait une petite idée sur la chose.... je suis preneur. Je tiendrais aussi le topic à jour si je trouve la réponse.
 
Cordialement. :jap:

Reply

Marsh Posté le 09-05-2007 à 16:29:14   

Reply

Sujets relatifs:

Leave a Replay

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