Balise html dans variable JS

**darkterreur** · 15/03/2011, 11h43

Bonjour,
[CODE]
Je me permet d'�crire car j'ai un probleme.
Je d�sire remplire un tableau avec de l'ajax, Bon en se qui concerne mon flux xml tout va bien je recupere les donn� et je peux les afficher dans un
alert(). Seulement j'ai un tableau comme ceci :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
<table>
    <tr>
         <td>Nom</td>
         <td>Prenom</td>
    </tr>
</table>

Le but est de de creer un <tr> par boucle et plusieurs

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
<td>contenu_xml_nom</td>
<td>contenu_xml_prenom</td>

donc en javascipt je fait :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
// les variable leNom et lePrenom s'affiche bien en alert
var code = "<td>"+leNom+"</td>"; 
    code += "<td>"+lePrenom+"</td>";
 
monTr=document.createElement("tr");// je créer mon tr
monTr.innerHTML= code // contenu html
document.getElementById("tableau").appendChild(monTr);// je l’injecte dans le tableau

et donc si je fait un alert je voit bien les balise <td>
cependant dans la page web tout est mit dans le tr ( normal) mais les td n'apparaisse pas.

Pouvez vous m'aider ? Merci d'avance

**SpaceFrog** · 15/03/2011, 11h50

il faut appender dans le tbody du tableau

**NoSmoking** · 15/03/2011, 20h19

Envoy� par SpaceFrog

il faut appender dans le tbody du tableau

c'est effectivement IMPERATIF sous IExplorer, � preuve, s'il en fallait encore le code de Golgotha ne donne rien sous IE, au passage

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<script type="text/javascript">

et non

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<SCRIPT language="Javascript">

L'autre solution est d'utiliser les m�thodes insertRow et insertCell, on a une garantie de crossBrowsage m�me si l'on n' aura pas toujours la performance.

**Golgotha** · 15/03/2011, 20h29

s'il en fallait encore le code de Golgotha ne donne rien sous IE

Je code plus sous IE moi.. j'ai arr�ter, c'est mauvais pour la sant�

**Golgotha** · 15/03/2011, 11h51

Bonjour,

Essaye comme �a peut �tre :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 var td1 = document.createElement("td");
 var td2 = document.createElement("td");
 
  td1.appendChild(document.createTextNode(leNom));
  td2.appendChild(document.createTextNode(lePrenom));
 
var tr = document.createElement("tr");
 
  tr.appendChild(td1);
  tr.appendChild(td2);
 
 
 
document.getElementById("tableau").appendChild(tr);

**SpaceFrog** · 15/03/2011, 11h56

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById("tableau").getElementsByTagName('tbody')[0].appendChild(tr);

**SpaceFrog** · 15/03/2011, 11h57

sinon
http://www.developpez.net/forums/d47...hlight=tableau

**darkterreur** · 15/03/2011, 12h09

Bonjour merci pour vos reponses je n'ai pas encore tout lu.

Golgotha, quand je fais votre code plus rien ne s'affiche, et pas d'erreur de script ou de syntaxe, tester avec firbug et Ie .

en revanche si je fait cela

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
var tr = document.createElement("tr");
 
document.getElementById("tableau").appendChild(tr);
 
  tr.appendChild(td1);
  tr.appendChild(td2);

des <tr> vide sont cr�er mais pas le bon nombre un seulement.

SpaceFrog PJe pense comprendre se que vous voulez me dire, je peux essayer mais cela r�glera vraiment mon probl�me? car de base mes <tr> �tait bien cr�er et toutes les donn�e �tais misent en vrac dedans sans que les <td> apparaissent .

merci d'avance je m'attaque aux autres r�ponses.

**Golgotha** · 15/03/2011, 12h15

j'ai test� la page suivante et �a marche tr�s bien.

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
<title>test ajax</title>
<SCRIPT language="Javascript">
<!--
 
function Chargement() {
var td1 = document.createElement("td");
 var td2 = document.createElement("td");
 
  td1.appendChild(document.createTextNode("salaun"));
  td2.appendChild(document.createTextNode("cedric"));
 
var tr = document.createElement("tr");
 
  tr.appendChild(td1);
  tr.appendChild(td2);
 
 
 
document.getElementById("tableau").appendChild(tr);
 
 
}
 
//-->
</SCRIPT>
 
</head>
<body>
 <table id="tableau" border=1>
 </table>
<a href="javascript:;"
onClick="Chargement()">
Cliquez ici!</a>
 
</body>
</html>