Dynamic Table Creation, colspan issue.

[william_dean]

Hello,
I've done some searching around the post, and I have found quite a bit of information related to the setAttribute and it's related uses. My problem lies in the usage of colspanning in dynamic table creation.

Code Snippet
[CODE=javascript]<SCRIPT LANGUAGE="JavaS cript">
function morecase(id){
var tbody = document.getEle mentById(id).ge tElementsByTagN ame("TBODY")[0];
var row1=document.c reateElement('T R');
var row1td1=documen t.createElement ('TD');
row1td1.appendC hild(document.c reateTextNode(' Incident: '));
var row1td2=documen t.createElement ('TD');
row1td2.appendC hild(document.c reateElement('I NPUT'));
row1td2.setAttr ibute('TYPE','t ext','NAME','in cident');
var row2=document.c reateElement('T R');
var row2td1=documen t.createElement ('TD');
row2td1.appendC hild(document.c reateTextNode(' Blah blah blah blah blah blah blah'));
row2td1.setAttr ibute('colspan' ,'2');
row1.appendChil d(row1td1);
row1.appendChil d(row1td2);
row2.appendChil d(row2td1);
tbody.appendChi ld(row1);
tbody.appendChi ld(row2);
}
</script>
[/CODE]
Everything works, but the COLSPAN does not process.
I can pass other commands to the TD (width, bgcolor, etc.) and they work fine, COLSPAN is just my headache.

Any help would be greatly appreciated!

William

POST NUMBER 1 Woo! :rolleyes:

[william_dean]

Recoded, now I get an empty error, object expected 0,0

NM, I fixed it :-)

[gupyuson]

How did you fix it?

Hello,
I've done some searching around the post, and I have found quite a bit of information related to the setAttribute and it's related uses. My problem lies in the usage of colspanning in dynamic table creation.

Code Snippet
<SCRIPT LANGUAGE="JavaS cript">
function morecase(id){
var tbody = document.getEle mentById(id).ge tElementsByTagN ame("TBODY")[0];
var row1=document.c reateElement('T R');
var row1td1=documen t.createElement ('TD');
row1td1.appendC hild(document.c reateTextNode(' Incident: '));
var row1td2=documen t.createElement ('TD');
row1td2.appendC hild(document.c reateElement('I NPUT'));
row1td2.setAttr ibute('TYPE','t ext','NAME','in cident');
var row2=document.c reateElement('T R');
var row2td1=documen t.createElement ('TD');
row2td1.appendC hild(document.c reateTextNode(' Blah blah blah blah blah blah blah'));
row2td1.setAttr ibute('colspan' ,'2');
row1.appendChil d(row1td1);
row1.appendChil d(row1td2);
row2.appendChil d(row2td1);
tbody.appendChi ld(row1);
tbody.appendChi ld(row2);
}
</script>

Everything works, but the COLSPAN does not process.
I can pass other commands to the TD (width, bgcolor, etc.) and they work fine, COLSPAN is just my headache.

Any help would be greatly appreciated!

William

POST NUMBER 1 Woo! :rolleyes:

[papppp]

Not very polite to say you fixed it and not to explain HOW, don't you think?

Anyway, colspan is actually spelled colSpan! It is a "casing" problem.

[kiuziu]

[CODE=javascript]tr1 = document.create Element('tr');
tbody1.appendCh ild(tr1);
td1 = document.create Elemen("td");
tr1.appendChild (td1);
td1.setAttribut e("colSpan",2 );
[/CODE]


//ok

[ionutkit]

Another solution:

var td = document.create Element('td');
td.colSpan = 5; // for example

[itb564]

It is really working, but it is not becoming a static table row.
How should i make it as a static one?

[acoder]

By static, do you mean fixed width? Post your code.

[gestrada]

Another solution:

var td = document.create Element('td');
td.colSpan = 5; // for example

colSpan .. eso ers muchas gracias !!!!