Dom Js (IE x FF)

[geral]

This code is OK in the Fire Fox dont Internet Explorer, please help

var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

[brunascle]

On Apr 17, 10:32 am, geral <[e-mail]:

This code is OK in the Fire Fox dont Internet Explorer, please help

var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

what happens in IE?

i assume tabela is a table element. if so, you need to have rowtb =
document.createElement('tr'), not 'table'.

you cant append a "td" directly to a "table". you have to append a
"td" to a "tr".

[Randy Webb]

brunascle said the following on 4/17/2007 12:00 PM:

On Apr 17, 10:32 am, geral <[e-mail]:

>This code is OK in the Fire Fox dont Internet Explorer, please help

That is because Firefox is wrong and, in this instance, IE is right.

> var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

Don't use setAttribute, set the property directly.

> var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

what happens in IE?

i assume tabela is a table element. if so, you need to have rowtb =
document.createElement('tr'), not 'table'.

you cant append a "td" directly to a "table". you have to append a
"td" to a "tr".

And, by specs, you have to append a TR to a TBODY. FF is lax here and
creates the TBODY for you, IE doesn't. The specs say you create the
TBODY and append the TR to it.

<quietly going off in search of the IE bashers>

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Michael White]

geral wrote:

This code is OK in the Fire Fox dont Internet Explorer, please help

var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

rowtb.border="1"
Mick

>
var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

[brunascle]

On Apr 17, 12:07 pm, Randy Webb <[e-mail]:

brunascle said the following on 4/17/2007 12:00 PM:

On Apr 17, 10:32 am, geral <[e-mail]:

This code is OK in the Fire Fox dont Internet Explorer, please help

That is because Firefox is wrong and, in this instance, IE is right.

var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

Don't use setAttribute, set the property directly.

var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

what happens in IE?

i assume tabela is a table element. if so, you need to have rowtb =
document.createElement('tr'), not 'table'.

you cant append a "td" directly to a "table". you have to append a
"td" to a "tr".

And, by specs, you have to append a TR to a TBODY. FF is lax here and
creates the TBODY for you, IE doesn't. The specs say you create the
TBODY and append the TR to it.

<quietly going off in search of the IE bashers>

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ -http://jibbering.com/faq/index.html
Javascript Best Practices -http://www.JavascriptToolbox.com/bestpractices/

i was going to mention that, but if he's trying to append a td to a
table, i dont think he's ready for tbody, thead, and tfoot.

[Randy Webb]

brunascle said the following on 4/17/2007 12:13 PM:

On Apr 17, 12:07 pm, Randy Webb <[e-mail]:

>brunascle said the following on 4/17/2007 12:00 PM:

>>On Apr 17, 10:32 am, geral <[e-mail]:
This code is OK in the Fire Fox dont Internet Explorer, please help

That is because Firefox is wrong and, in this instance, IE is right.

>>> var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');
rowtb.setAttribute('border', '1');

Don't use setAttribute, set the property directly.

>>> var coltb = document.createElement('td');
coltb.appendChild(document.createTextNode("Alias") );
rowtb.appendChild(coltb);
tabela.appendChild(rowtb);
what happens in IE?
i assume tabela is a table element. if so, you need to have rowtb =
document.createElement('tr'), not 'table'.
you cant append a "td" directly to a "table". you have to append a
"td" to a "tr".

And, by specs, you have to append a TR to a TBODY. FF is lax here and
creates the TBODY for you, IE doesn't. The specs say you create the
TBODY and append the TR to it.

<quietly going off in search of the IE bashers>

i was going to mention that, but if he's trying to append a td to a
table, i dont think he's ready for tbody, thead, and tfoot.

Assuming that tabela is a TABLE element and you add code to create a TR
it still won't work properly in IE until you add the code to create and
append a TBODY so why not go ahead and mention it? At the very least, it
would keep the OP from replying and saying "OK, brunascle, I made your
changes and it still doesn't work in IE"

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[=?ISO-8859-1?Q?G=E9rard_Talbot?=]

Randy Webb wrote :

brunascle said the following on 4/17/2007 12:00 PM:

>On Apr 17, 10:32 am, geral <[e-mail]:

And, by specs, you have to append a TR to a TBODY. FF is lax here and
creates the TBODY for you, IE doesn't. The specs say you create the
TBODY and append the TR to it.

Where do you read that? I ask this because I filed a bug regarding IE6
and IE7 on this.

On another closely related issue, this file:

http://www.gtalbot.org/BrowserBugsSe...otWorking.html

listed as item #22 at

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/

fails in MSIE6 and MSIE7.
Despite creating and inserting <trto it, MSIE7 will have a runtime error.

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages

[RobG]

On Apr 18, 12:32 am, geral <[e-mail]:

This code is OK in the Fire Fox dont Internet Explorer, please help

var tabela = document.getElementById('oData');
var rowtb = document.createElement('table');

Assuming tabela is a table element:

var rowtb = tabela.insertRow(-1);

rowtb.setAttribute('border', '1');

var coltb = document.createElement('td');

var coltb = rowtb.insertCell(-1);

coltb.appendChild(document.createTextNode("Alias") );

rowtb.appendChild(coltb);
tabela.appendChild(rowtb);

If you use insertRow/Cell, the elements are appended immediately so
there is no need to append them separately.

<URL: http://developer.mozilla.org/en/docs...able_Interface

>

--
Rob