inserer un objet JSON dans HTML

[Palsajicoco]

Salut,
Je veux créer un tableau dans un iframe html. Initialement mon tableau est de type JSON. D'habitude je fait une balise table dans le code html comme celle la:

Code :

1
2
3
4
5
6
7
8
9
10
11
TABLE border="1" cellpadding="5" cellspacing="2">
  <TR>
    <TH colspan="5" scope="colgroup">' + jsonData.title + '</TH>
  </TR>
  <TR>
    <TH scope="col" abbr="header">' + jsonData.header. + '</TH>
    <TH scope="col" abbr="title">' + jsonData.header. + '</TH>
    <TH scope="col">' + jsonData.header. + '</TH>
    <TH scope="col">' + jsonData.header. + '</TH>
  </TR>
</TABLE>

Mais pour mon cas je dois faire une boucle sur mon tableau JSON, récupérer les donner et les insérer dans la balise HTML. Mon tableau JSON:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
"title":"reportTile",
"header":{
	{
	        "header title": "header_1"
	},
	{
		"header title": "header_2"
	},
	{
		"header title": "header_3"
	}

Merci d'avance.

[SpaceFrog]

heu tu confond l'interpréteur html et le javascript ...
si tu veux interpréter du json il te faut etre entre balises script ...
là tu le colles dans le html ...

[Palsajicoco]

Ah ok, j'ai du faire ça a cause de la structure du tableau HTML..
Je devrai faire quoi alors?

[Palsajicoco]

Bon, je pense que je dois insérer une variable comme:

Code :

1
2
3
4
5
6
7
8
9
var headerTable = '<TABLE border="1" cellpadding="5" cellspacing="2">'
'<TR> <TH colspan="5" scope="colgroup">' + jsonData.title + '</TH> </TR>'
<TR> 
<TH scope="col" abbr="header">' + jsonData.header. + '</TH>
<TH scope="col" abbr="title">' + jsonData.header. + '</TH>
<TH scope="col">' + jsonData.header. + '</TH>
<TH scope="col">' + jsonData.header. + '</TH>
</TR>
</TABLE>

dans mon code javascript, mais la je galere avec les cotes

[SpaceFrog]

1) les balises en majuscule .
je crois qu'ils ont laissé tomber en 1932

2) inserer du code html en string
aller on va dire 1933

3) des attributs scope et abbr
eux ils n'existent pas encore ...

Passer par le DOM => http://www.developpez.net/forums/d47...leau+spacefrog

[nadox]

Regarde ici :
http://javascript.developpez.com/faq...DOM#DOMajouter

[Bovino]

Envoyé par SpaceFrog

des attributs scope et abbr
eux ils n'existent pas encore ...

T'es vraiment mauvaise langue Spaffy... L'attribut scope existe bel et bien et sa particularité, c'est qu'il ne sert à rien.
Quant à l'attribut abbr, c'est destiné aux lecteurs audio pour éviter de trop répéter le même th sur la table.