IE unknown runtime error

**akkad** · 01-07-2007 04:09 AM

the following is working fine with firefox but not with IE(unknown runtime error), any idea??
<html>
<head>
<title></title>
<script language="javascript">
function f()
{
document.getElementById("tbl").innerHTML = "<tr><td>col 1</td><td>col 2</td></tr>";
}
</script>
</head>
<body>
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody id="tbl">
</tbody>
</table>
<input type="button" value="click" onclick="f();" />
</body>
</html>

**TNO** · 01-07-2007 04:19 AM

In a <table>, <tbody> is readonly. you have to build the entire tbody and then append it to the table

**Kor** · 01-07-2007 04:41 AM

innerHTML is not a standard DOM method, and in this case it might not be the proper option. I would have used DOM

Code:

<script type="text/javascript">
function f()
{
var root=document.getElementById("tbl");
while(root.hasChildNodes()){
root.removeChild(root.childNodes[0]);
}
var row=document.createElement('tr');
var txt=['col 1','col 2'], i=0, t, cell;
while(t=txt[i++]){
cell=document.createElement('td');
cell.appendChild(document.createTextNode(t));
row.appendChild(cell)
}
root.appendChild(row);
}
</script>

**Fang** · 01-07-2007 07:50 AM

Or like this:

Code:

<script type="text/javascript">
function addRow(tbodyID) {
var oTB = document.getElementById(tbodyID);
var oRow = oTB.insertRow(0);

var oCell = oRow.insertCell(0);
oCell.appendChild(document.createTextNode('col1'));

oCell = oRow.insertCell(1);
oCell.appendChild(document.createTextNode('col2'));
}
</script>

</head>
<body>
<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody id="tbl">
</tbody>
</table>
<input type="button" value="click" onclick="addRow('tbl');">

</body>

http://www.w3.org/TR/DOM-Level-2-HTML/html.html

**akkad** · 01-07-2007 08:41 AM

what if the rows and cell comes to me already rendered and i have to add it to a table??
i receive string contains "<tr><td></td></tr><tr><td></td></tr>" , so i should embedded this text in a table or a tbody ?????

**Fang** · 01-07-2007 08:56 AM

No, you will have to create a new table to add the string to.

**akkad** · 01-07-2007 09:01 AM

how as innerHTML is not working ????

**akkad** · 01-07-2007 09:11 AM

the following is something typical to my case, it gives error with IE, now the above solutions require me to build the whole table where it is already built, and a string including the rows and cells should be appended, BUT HOOOOW ???
<html>
<head>
<title></title>
<script language="javascript">
function f()
{
var txt = GetTableContent();//this function will return "<tr><td>text 1</td><td>text 1</td></tr>"
document.getElementById("content").innerHTML = txt;
}
</script>

</head>
<body>

<table>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody id="content></tbody>
<tfoot>
<tr>
<td colspan="2"></td>
</tr>
</tfoot>
</table>

<input type="button" value="click" onclick="f();" />

</body>
</html>

**Fang** · 01-07-2007 09:50 AM

Ugly but works (note NO quotes around content)

Code:

<html>
<head>
<title></title>
<script language="javascript">
function f()
{
var txt = "<tr><td>text 1</td><td>text 1</td></tr>"
var tbl=document.getElementById("root").innerHTML;
var bits=tbl.split('content>');
var newTable=bits[0]+'content>'+txt+bits[1];
document.getElementById("root").innerHTML="";
document.getElementById("root").innerHTML=newTable;
}
</script>

</head>
<body>

<div id="root">
<table border="1">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody id=content></tbody>
<tfoot>
<tr>
<td colspan="2"></td>
</tr>
</tfoot>
</table>
</div>
<input type="button" value="click" onclick="f();" />

</body>
</html>

Consider rewriting GetTableContent() to give DOM object.

Thread: IE unknown runtime error

Thread Tools

Display

IE unknown runtime error

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions