Balise html dans variable JS

Version imprimable

Voir 40 message(s) de cette discussion en une page

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:

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:

1 2 3 <td>contenu_xml_nom</td> <td>contenu_xml_prenom</td>
donc en javascipt je fait :
Code:

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

15/03/2011, 11h50
SpaceFrog

il faut appender dans le tbody du tableau

Bonjour,

Essaye comme �a peut �tre :

Code:

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);

:whistle:

Code:

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

15/03/2011, 11h57
SpaceFrog

sinon
http://www.developpez.net/forums/d47...hlight=tableau
15/03/2011, 12h09
darkterreur
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:

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.

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

Code:

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>

http://img16.imageshack.us/img16/2248/imageajax.jpg

15/03/2011, 12h34
darkterreur

Bon j'ai retaper le code finalement cela fonctionne

mille merci Golgotha et SpaceFrog bien entendu.
15/03/2011, 12h56
SpaceFrog

�a fonctionne de fa�on crossbrowser ???
15/03/2011, 13h41
darkterreur

crossbrowser ??? desoler je ne connais pas c'est quoi?
15/03/2011, 13h42
Golgotha

:mouarf::mouarf:
15/03/2011, 13h42
SpaceFrog

pour tous les navigateurs ...
j'ai d�ja rencontr� ce souci et si l'append ne se fait pas dans le tdbody �a ne passait pas sous certaines versions de navigateurs..
15/03/2011, 14h18
darkterreur

d'accord d'accord et bien avec mon code je n'ai pas cr�er de <tbody>
cependant quand avec firebug je parcours mon code de page le <tbody> appara�t.
15/03/2011, 14h19
SpaceFrog

le tbody existe implicitement m�me si tu ne l'as pas cod� dans ton html ..
15/03/2011, 14h27
darkterreur

D'accord dois je le creer manuellement ?
je suppose que c'est se que vous me conseiller...
je vais tester sur d'autre FAI
15/03/2011, 14h29
SpaceFrog

non justement rien que le fait d'avoir une balise table dans ton html implique l'existence de la balise tbody
15/03/2011, 14h31
Loceka

Citation:

Envoy� par darktererur

je vais tester sur d'autre FAI

Fournisseur d'Acc�s Internet ? :weird:
15/03/2011, 14h35
darkterreur

Alors je viens de tester sur mozilla, IE, et Chrome
et cela fonctionne que sous mozilla
Bon j'ai la fonction getXMLhttpRequest() en fonction du navigateur.
Et pas de <tbody>
15/03/2011, 14h36
darkterreur

Heu non navigateur d�soler mes doigts ont fourch�s
15/03/2011, 20h19
NoSmoking

Citation:

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:

<script type="text/javascript">

et non

Code:

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

Voir 40 message(s) de cette discussion en une page