Modifier la balise tableau

**Palsajicoco** · 28/03/2011, 12h01

Salut,
je crée un tableau html et je veux le modifier. Ce tableau contient un titre et des données. j'ajoute des paramétres a la balise table mais on dirait que le titre n'y est pas inclus .. il ne change pas ! voici la balise :

Code :

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

var headerTable = '<table WIDTH="250" BORDER="2" BORDERCOLOR="gray" CELLPADDING="7" CELLSPACING="3" BGCOLOR="#C6EFF7">' + jsonData.title + '</th></tr>' + '<tr>' + html+ '</tr></thead></table>';

C'est une variable Javascript.

Merci d'avance.

**Golgotha** · 28/03/2011, 12h31

Bonjour,

Tu as fait un alert(jsonData.title); pour voir si ta variable était renseignée ?

sinon, ou commence les balises ? :

Code :

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

jsonData.title + '</th></tr>'

**Palsajicoco** · 28/03/2011, 13h07

Merci pour la réponse,

En fait, j'ai fait un console.log et c'est vérifié. en plus, je titre s'affiche, mais quand je fais des modifications sur le tableau, les éléments changent et le titre ne change pas.

En gros, je fait une boucle if pour tester le retour a la ligne :

Code :

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

1
2
3
4
5
6
7
8
for(head in jsonData.header){
					html += "<th>" + head + "</th><th>" + jsonData.header[head] + "</th>";
					if(i==1) {
						html += "</tr><tr>";
						i=0;
					}else{
						i++;
					}

puis j'affecte la variable html a la balise table.

**Golgotha** · 28/03/2011, 13h41

Peux tu me donner le code source HTML de ta page généré , enfin la partie du code qui nous intéresse.

ça nous dira probablement ou est l'erreur.

**Palsajicoco** · 28/03/2011, 13h49

En fait, c'est un code JavaScript .. mais le problème réside dans les balises html et leurs propriétés. et concernant le code, j'ai pratiquement publié tout!
je commence par une boucle pour construire la variable html et puis construire la variable headerTable.

**Golgotha** · 28/03/2011, 13h54

Je sais

Mais c'est le code de la page HTML généré qui m'intéresse

comment apparait ta table en HTML une fois généré ?

**Palsajicoco** · 28/03/2011, 14h04

Code :

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

<table width="250" border="2" bordercolor="gray" cellpadding="7" cellspacing="3" bgcolor="#C6EFF7"><tbody><tr><th>header title</th><th>header_1</th><th>header title2</th><th>header_2</th></tr><tr><th>header title3</th><th>header_3</th></tr></tbody></table>

Voila

**Golgotha** · 28/03/2011, 14h26

Donc c'est jsonData.title qui ne s'affiche pas, il devrait apparaitre

[..]bgcolor="#C6EFF7">ICI<tbody>[...]

Tu peux ajouter un alert(jsonData.title); et me dire ce que ça te donne ?

**Palsajicoco** · 28/03/2011, 14h29

ca me rend la variable!

Code :

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

Report Title

**Golgotha** · 28/03/2011, 14h44

La je sèche.. essaye d'affiche ta variable de façon différente pour voir ce qui cloche, essaye de l'afficher toute seule sur ta page, puis ajoute peux à peux ton code pour voir à quel moment elle ne s'affiche plus.

**Palsajicoco** · 28/03/2011, 14h50

mais j'ai le titre Report title juste au dessus du tableau, et bizarrement, il subit pas les modification de width, background ... de la balise table

C'est pas normal du tout mais je vois la variable s'afficher ..

**Golgotha** · 28/03/2011, 15h02

Si le titre ne fait pas partie intégrante du tableau HTML il n'aura pas les attribut du tableau en fait..

Normalement le titre se met de cette façon :

Code :

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

1
2
3
4
5
6
<TABLE BORDER="1">
  <CAPTION> Voici le titre du tableau </CAPTION>
  <TR>
 <TH> Titre 1 </TH>
  </TR>
</TABLE>

le titre apparaitra au dessus du tableau, en texte simple.

Si tu veux vraiment que le titre soi "dans" le tableau, il faut le mettre dans une ligne du tableau.

**Palsajicoco** · 28/03/2011, 15h17

J'ai pensé a modifier la variable :

Code :

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

1
2
var headerTable = '<table WIDTH="250" BORDER="2" BORDERCOLOR="gray" CELLPADDING="7" CELLSPACING="3" BGCOLOR="#C6EFF7"></th></tr>' +
				'<tr>' + jsonData.title + '</tr>' + '<tr>' + html + '</tr></thead></table>';