Discussion :

[Seta-san]

Bonsoir à tous !

Quand je post un formulaire, je veux faire en sorte que son contenu s'affiche directement dans une ligne de tableau (<table>) sans recharger la page. J'utilise XMLHTTPRequest pour le faire. Ca marche y a pas de soucis, mais j'utilise innerhtml qui n'est pas adapté si je post plusieurs données à la suite.

Je voudrais donc savoir comment transformer une balise entière par autre chose, plutôt que de changer uniquement son contenu.

Soit :

Code :

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

1
2
 
<tr id="xrep"></tr>

Par

Code :

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

1
2
3
4
5
 
<tr id="xrep"></tr>
<tr>
<td>...</td>
</tr>

C'est à dire que "j'écrase" la balise contenant l'id "xrep" par une ligne contenant ce que je viens de poster, mais en réécrivant cette balise au cas ou je devais poster autres choses immédiatement.

C'est possible ca ?

Merci

[Auteur]

Ca marche y a pas de soucis, mais j'utilise innerhtml qui n'est pas adapté si je post plusieurs données à la suite.

il faut utiliser le DOM pour insérer des éléments dans un tableau

Je voudrais donc savoir comment transformer une balise entière par autre chose, plutôt que de changer uniquement son contenu.

Code :

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

1
2
 
<tr id="xrep"></tr>

Par

Code :

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

1
2
3
4
5
 
<tr id="xrep"></tr>
<tr>
<td>...</td>
</tr>

C'est à dire que "j'écrase" la balise contenant l'id "xrep" par une ligne contenant ce que je viens de poster, mais en réécrivant cette balise au cas ou je devais poster autres choses immédiatement.

là je n'ai pas très bien compris, le tr reste un tr D'ailleurs un <tr> contient forcément un <td>, il ne peut pas rester vide.

[Seta-san]

Merci j'ai résolu mon soucis avec DOM et c'est effectivement la meilleur solution

Fallait pas chercher midi à 14h00..... ^^'

Voici comment j'ai procédé

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
					 // On défini la table
   					 var tableRef = document.getElementById('table1');
    				 // On y insert une ligne
    				 var newRow   = tableRef.insertRow(1);
 
    				 // Puis les différentes cellules
   					 var newCell  = newRow.insertCell(0);
					 var newCell2  = newRow.insertCell(0);
					 var newCell3  = newRow.insertCell(0);
 
   					 // On défini le contenu des cellules
   					 var newText  = document.createTextNode(message);
					 var newText2  = document.createTextNode(type);
					 var newText3  = document.createTextNode(date)
					 //Et on les inserts dans les cellules désirées
   					 newCell.appendChild(newText);
					 newCell2.appendChild(newText2);
					 newCell3.appendChild(newText3);

Merci pour le coup de main !!