Transformer une balise en autre chose Oo

Version imprimable

03/09/2012, 19h23
Seta-san

Transformer une balise en autre chose Oo
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:

1 2 <tr id="xrep"></tr>
Par
Code:

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
03/09/2012, 21h21
Auteur
Citation:

Envoyé par Seta-san

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
Citation:
Envoyé par Seta-san

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

Code:

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

Par

Code:

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 :koi: D'ailleurs un <tr> contient forcément un <td>, il ne peut pas rester vide.

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

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

Voici comment j'ai procédé

Code:

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 !!