Résultat différent entre FF et IE pour un tableau créé en JS [Résolu]

Chèr Père Noël,

Pourrais-tu offrir un beau FireFox tout neuf à tous les internautes S.T.P.
Je viens de lire le post de eldiablo, je suis sûr qu'il sera aussi d'accord.

Chers Alsacréationistes,

Voilà, je voudrais obtenir le tableau suivant :

|----------------------------|-----------|
|-----------|----------------|...............|
|-----------|----------------|...............|
|-----------|----------------|...............|
|-----------|----------------|-----------|

Alors je fais :

    	newTrombiTable= document.createElement("table");
	trombitablebody = document.createElement("tbody");
	colgroup=document.createElement("colgroup");

	col=document.createElement("col");
	col.setAttribute("width","130");
	colgroup.appendChild(col);

	col=document.createElement("col");
	col.setAttribute("width","485");
	colgroup.appendChild(col);

	col=document.createElement("col");
	col.setAttribute("width","132");
	colgroup.appendChild(col);

	newTrombiTable.appendChild(colgroup);

	newrow=document.createElement("tr");

	newcell=document.createElement("td");
	newdata=document.createTextNode(TrombiBase[member][1]);
	newcell.appendChild(newdata);
	newcell.setAttribute("colspan","2");
	newrow.appendChild(newcell);

	newcell=document.createElement("td");
	newimg=document.createElement("img");
newimg.setAttribute("src","../Images/Trombi/"+TrombiBase[member][10]+".jpg");
	newcell.appendChild(newimg);
	newcell.setAttribute("rowspan","9");
	newrow.appendChild(newcell);

	trombitablebody.appendChild(newrow);

	newrow=document.createElement("tr");

	newcell=document.createElement("td");
	newdata=document.createTextNode(t1);
	newcell.appendChild(newdata);
	newrow.appendChild(newcell);

	newcell=document.createElement("td");
	newdata=document.createTextNode(t2);
	newcell.appendChild(newdata);
	newrow.appendChild(newcell);

	trombitablebody.appendChild(newrow);
... et ainsi de suite...

nota : Le code est un peu simplifié, j'ai notemment viré tous les setattributes pour des raisons de lisibilité.

J'obtiens exactement ce que je veux sous FireFox mais sous IE, j'obtiens :

|------------------|------------|
|.........................|.................|
|.........................|.................|
|.........................|.................|
|------------------|------------|
|------------------|------------|
|------------------|------------|
|------------------|------------|

Je crois que j'ai un peu tout essayé avec ou sans colgroup et je sèche.

Bon ! Je viens de me rendre compte que mon dessin est nul ! Il n'explique rien de e que je cherche.

En fait, je cherche à obtenir le même résultat que :

[code]
table
Modifié par aCOSwt (23 Nov 2006 - 11:28)

aCOSwt a écrit :
Chèr Père Noël,

Pourrais-tu offrir un beau FireFox tout neuf à tous les internautes S.T.P.
Je viens de lire le post de eldiablo, je suis sûr qu'il sera aussi d'accord.

Chers Alsacréationistes,

Voilà, je voudrais obtenir le tableau suivant :

|----------------------------|-----------|
|-----------|----------------| |
|-----------|----------------| |
|-----------|----------------| |
|-----------|----------------|-----------|

Alors je fais :

    	newTrombiTable= document.createElement("table");
	trombitablebody = document.createElement("tbody");
	colgroup=document.createElement("colgroup");

	col=document.createElement("col");
	col.setAttribute("width","130");
	colgroup.appendChild(col);

	col=document.createElement("col");
	col.setAttribute("width","485");
	colgroup.appendChild(col);

	col=document.createElement("col");
	col.setAttribute("width","132");
	colgroup.appendChild(col);

	newTrombiTable.appendChild(colgroup);

	newrow=document.createElement("tr");

	newcell=document.createElement("td");
	newdata=document.createTextNode(TrombiBase[member][1]);
	newcell.appendChild(newdata);
	newcell.setAttribute("colspan","2");
	newrow.appendChild(newcell);

	newcell=document.createElement("td");
	newimg=document.createElement("img");
newimg.setAttribute("src","../Images/Trombi/"+TrombiBase[member][10]+".jpg");
	newcell.appendChild(newimg);
	newcell.setAttribute("rowspan","9");
	newrow.appendChild(newcell);

	trombitablebody.appendChild(newrow);

	newrow=document.createElement("tr");

	newcell=document.createElement("td");
	newdata=document.createTextNode(t1);
	newcell.appendChild(newdata);
	newrow.appendChild(newcell);

	newcell=document.createElement("td");
	newdata=document.createTextNode(t2);
	newcell.appendChild(newdata);
	newrow.appendChild(newcell);

	trombitablebody.appendChild(newrow);
... et ainsi de suite...

nota : Le code est un peu simplifié, j'ai notemment viré tous les setattributes pour des raisons de lisibilité.

J'obtiens exactement ce que je veux sous FireFox mais sous IE, j'obtiens :

|------------------|------------|
| | |
| | |
| | |
|------------------|------------|
|------------------|------------|
|------------------|------------|
|------------------|------------|

Je crois que j'ai un peu tout essayé avec ou sans colgroup et je sèche.

Bon ! Je viens de me rendre compte que mon dessin est nul ! Il n'explique rien de e que je cherche.

En fait, je cherche à obtenir le même résultat que :

<table>

<tr>

<td colspan 2>
<td rowspan 9>

<tr>

<td>
<td>

<tr>

<td>
<td>
....

PS Excuse-moi Alsa, j'ai du me gourrer en plus entre éditer et quoter !

Pffff! tout va vraiment mal. mais que c'est dommage que l'on ne puisse pas mettre des espaces qui se voient...

Argh!!! Mon post est vraiment crade ! Mais dis-moi aussi Alsa pourquoi je peux prévisualiser quand je quote mais pas quand j'édite....
Modifié par aCOSwt (22 Nov 2006 - 22:25)

aCOSwt a écrit :
Pourrais-tu offrir un beau FireFox tout neuf à tous les internautes S.T.P.
Je viens de lire le post de eldiablo, je suis sûr qu'il sera aussi d'accord.

Je le suis parfaitement, mais pour le moment, IE m'est imposé suite à des problèmes d'impression des images de fond dans des cellules avec Firefox. J'en parlerai sans doute plus tard dans le forum, mais je me ferais lyncher par le patron si je faisais ca maintenant

aCOSwt a écrit :
Pffff! tout va vraiment mal. mais que c'est dommage que l'on ne puisse pas mettre des espaces qui se voient...

Ils se voient magnifiquement bien avec la fonction "CODE", même si c'est un peu la détourner de son utilisation normale

Bref, si je devine bien, voila ce qui est attendu :

|----------------------------|-----------|
|-----------|----------------|           |
|-----------|----------------|           |
|-----------|----------------|           |
|-----------|----------------|-----------|

Merci eldiablo pour le tuyau de présentation.

Mon problème sera en finale mieux résolu que posé.

Merci à chadom :

http://forum.alsacreations.com/topic-5-5423-2-Rsolu-Problme-compatibilit-avec-IE.html

Il ne faut pas faire :

newcell.setAttribute("colspan","2") ni newcell.setAttribute("rowspan","9")

Mais :

newcell.colSpan="2" et newcell.rowSpan="9"

Modifié par aCOSwt (23 Nov 2006 - 11:29)