1 reply to this topic

[Lang]

So I'm trying to create a table dynamically with Javascript.

function init(){
	data_table = document.getElementById('data_table');
	
	header_row = data_table.insertRow(0);
	
	header_cell = header_row.insertCell(0);
	header_cell.innerHTML = "First Name";
	header_cell.className = "headerCell";

	header_cell = header_row.insertCell(1);
	header_cell.innerHTML = "Last Name";
	header_cell.className = "headerCell";
	
	header_cell = header_row.insertCell(2);
	header_cell.innerHTML = "Student Number";
	header_cell.className = "headerCell";
	
	header_cell = header_row.insertCell(3);
	header_cell.innerHTML = "Postal Code";	
	header_cell.className = "headerCell";
	
	document.getElementById('data_table').appendChild(header_row);
}

That works in Firefox just fine, but not in Internet Explorer. I also tried instead of creating the table in HTML then referencing it by document.getElementById('data_table') by actually creating it with document.createElement("Table") and then both Firefox and Internet Explorer didn't like the code.

Internet Explorer is saying that the last line of the function has an error. Says object does not support this property or method.

Any help is appreciated.

[rc69]

I remember having to do table modification like this back in the day, however, it has been so long that i will just refer you to where i learned how to do it:
http://www.quirksmod...eateDelete.html

Unfortunately, i can't find the exact page i referenced, it appears as though the site has been updated and that is the page that replaced the original...

Edit, similar reference:
http://www.quirksmod...ble_credel.html

Edited by rc69, 07 February 2009 - 01:57 PM.