Remplacer une cellule par une zone de texte dans un script existant

Version imprimable

Salut tout le monde,

J'ai un script javascript qui me permet d'ajouter une ligne (plusieurs lignes les unes en dessous des autres si je clics plusieurs fois sur le bouton).
Code:

1 2 3 4 5 6 7 8 9 10 <?php $NbFields = mysql_num_fields($query); echo 'le nombre de champ de cette table vaut ' . $NbFields; echo '<input type="button" value="Ajouter une ligne au tableau" onClick="AddRow('.$NbFields.') "; >'; echo '</table>'; ?>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> function AddRow(NombreCellules) { var newRow = document.getElementById('TableauUpdate').insertRow(-1); var newCell = newRow.insertCell(0); for(i = 0; i < NombreCellules; i++) { newCell.innerHTML = ' '; newCell = newRow.insertCell(1); newCell.innerHTML = ' '; } } </script>';
J'obtiens bien ma ligne avec le nombre de cellules adéquate mais le problème est que j'obtiens des cellules non modifiables.

J'aimerais obtenir à la place des zone de texte éditables.

Sauriez-vous me dire comment je dois faire ?

Merci d'avance pour votre aide.

beegees

à la place du innerHTML

Code:

1
2
3
var input = document.createElement("input");
input.type = "text";
newCell.appendChild(input);

Citation:
Envoyé par bigboomshakala
à la place du innerHTML
Code:

1 2 3 var input = document.createElement("input"); input.type = "text"; newCell.appendChild(input);
Merci beaucoup bigboomshakala,

J'ai donc remplacé les deux innerHTML par ton code ce qui me donne ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript"> function AddRow(NombreCellules) { var newRow = document.getElementById('TableauUpdate').insertRow(-1); //on ajoute une ligne en fin de tableau var newCell = newRow.insertCell(0); for(i = 0; i < NombreCellules - 1; i++) { var input = document.createElement("input"); input.type = "text"; newCell.appendChild(input); newCell = newRow.insertCell(1); input.type = "text"; newCell.appendChild(input); } } </script>';
Comme ceci, il n'y a que trois zones de texte qui se construisent.

La première ne se construit pas.

Qu'en penses-tu ?

Merci encore.

begees

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function AddRow(NombreCellules)
{
     var newRow = document.getElementById('TableauUpdate').insertRow(-1); //on ajoute une ligne en fin de tableau
  for(i = 0; i < NombreCellules - 1; i++)
  {
    var input = document.createElement("input");
    input.type = "text";
    newCell = newRow.insertCell(i);
    newCell.appendChild(input);
  }
}
</script>

Citation:

Envoyé par bigboomshakala

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function AddRow(NombreCellules)
{
     var newRow = document.getElementById('TableauUpdate').insertRow(-1); //on ajoute une ligne en fin de tableau
  for(i = 0; i < NombreCellules - 1; i++)
  {
    var input = document.createElement("input");
    input.type = "text";
    newCell = newRow.insertCell(i);
    newCell.appendChild(input);
  }
}
</script>

Merci beaucoup bigboomshakala.

Ce problème est résolu.

Encore merci pour ton aide.

beegees