Discussion :

[beegees]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[bigboomshakala]

à la place du innerHTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[beegees]

à la place du innerHTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[bigboomshakala]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[beegees]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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