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

<SCRIPT LANGUAGE="JavaScript">
  function morecase(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row1=document.createElement('TR');
    var row1td1=document.createElement('TD');
    row1td1.appendChild(document.createTextNode('Incident: '));
    var row1td2=document.createElement('TD');
    row1td2.appendChild(document.createElement('INPUT'));
    row1td2.setAttribute('TYPE','text','NAME','incident');
    var row2=document.createElement('TR');
    var row2td1=document.createElement('TD');
    row2td1.appendChild(document.createTextNode('Blah blah blah blah blah blah blah'));
    row2td1.setAttribute('colspan','2');
    row1.appendChild(row1td1);
    row1.appendChild(row1td2);
    row2.appendChild(row2td1);
    tbody.appendChild(row1);
    tbody.appendChild(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:

[william_dean]

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="JavaScript">
function morecase(id){
var tbody = document.getElementById(id).getElementsByTagName(" TBODY")[0];
var row1=document.createElement('TR');
var row1td1=document.createElement('TD');
row1td1.appendChild(document.createTextNode('Incid ent: '));
var row1td2=document.createElement('TD');
row1td2.appendChild(document.createElement('INPUT' ));
row1td2.setAttribute('TYPE','text','NAME','inciden t');
var row2=document.createElement('TR');
var row2td1=document.createElement('TD');
row2td1.appendChild(document.createTextNode('Blah blah blah blah blah blah blah'));
row2td1.setAttribute('colspan','2');
row1.appendChild(row1td1);
row1.appendChild(row1td2);
row2.appendChild(row2td1);
tbody.appendChild(row1);
tbody.appendChild(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]

tr1 = document.createElement('tr');
tbody1.appendChild(tr1);
td1 = document.createElemen("td");
tr1.appendChild(td1);
td1.setAttribute("colSpan",2);
 

//ok

[ionutkit]

Another solution:

var td = document.createElement('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.createElement('td');
td.colSpan = 5; // for example

colSpan .. eso ers muchas gracias !!!!