[Javascript] Modifier un tableau après action

[NothingHere]

Encore une petite question ...

 

J'utilise désormais le code suivant :

 

<script>
function ajoutLigne() {
   // Nouveau TD (colonne de gauche)
   var newData1 = window.parent.document.createElement('td');
   newData1.innerHTML = '<textarea rows="3" name="titre" cols="20" class="textarea_pl"></textarea>';
   newData1.align="center";
   var newData2 = window.parent.document.createElement('td');
   newData2.innerHTML = '<textarea rows="3" name="paragraphe" cols="20" class="textarea_pl"></textarea>';
   newData2.align="center";
   var newData3 = window.parent.document.createElement('td');
   newData3.innerHTML = '<textarea rows="3" name="texte" cols="20" class="textarea_pl"></textarea>';
   newData3.align="center";
   var newData4 = window.parent.document.createElement('td');
   newData4.innerHTML = '<textarea rows="3" name="histoire" cols="20" class="textarea_pl"></textarea>';
   newData4.align="center";
   var newData5 = window.parent.document.createElement('td');
   newData5.innerHTML = '<textarea rows="3" name="date_debut" cols="20" class="textarea_pl"></textarea>';
   newData5.align="center";
   var newData6 = window.parent.document.createElement('td');
   newData6.innerHTML = '<textarea rows="3" name="date_fin" cols="20" class="textarea_pl"></textarea>';
   newData6.align="center";
   var newData7 = window.parent.document.createElement('td');
   newData7.innerHTML = '<textarea rows="3" name="lieu" cols="20" class="textarea_pl"></textarea>';   
   newData7.align="center";
   var newData8 = window.parent.document.createElement('td');
   newData8.innerHTML = '<textarea rows="3" name="nickname" cols="20" class="textarea_pl"></textarea>';
   newData8.align="center";
   // Nouveau TR
   var newRow = window.parent.document.createElement('tr');
   newRow.appendChild(newData1);
   newRow.appendChild(newData2);
   newRow.appendChild(newData3);
   newRow.appendChild(newData4);
   newRow.appendChild(newData5);
   newRow.appendChild(newData6);
   newRow.appendChild(newData7);
   newRow.appendChild(newData8);

   // Ajout du nouveau TR au tableau
   document.getElementById("tableau").appendChild(newRow);
}
</script>

 

Petit soucis, je voudrais que le nom de mes textarea, une fois insérés grace à ce javascript, soient suivis d'un numéro (ainsi quand on insére le textarea "titre", on se retrouve, sur la page html, avec une ligne et un textarea qui aie le nom "titre1", et si on ajoute encore une autre ligne, on aura "titre2", etc ...)

 

Une idée ?

[NothingHere]

personne ?

c'est n'est donc pas possible ?

[alex.hitman]

Je n'ai pas vraiment pris le temps de regarder ton code, mais je pense que tu pourrais essayer par une variable incrémentée de 1 à chaque ajout.

 

Si la variable est x, le titre de ton textarea serait donc :

 

"titre"+x;

 

 

J'espère que ça va t'aider. A+