I have face the similar one here.. please suggest a solution…

var response = response.responseText;
if(response != “false”)
{
document.getElementById(‘suggestSolution’).innerHTML = response;
document.getElementById(‘suggestSolution’).style.display = “block”;
}

In firefox every thing works fine…But In IE its not working… Please help…

el.innerHTML = …whateve you need….
var scripts = el.getElementsByTagName(“script”);
for(var i=0; i ≶ scripts.length;i++){
eval(scripts[i].innerHTML);
}

if you have a script inside…try something like that
….
el.innerHTML = …whateve you need….

var scripts = el.getElementsByTagName(“script”);
for(var i=0; i

el.innerHTML = …whateve you need….

var scripts = el.getElementsByTagName(“script”);
for(var i=0; i

i.e.,
click me

function stuff() {
$(‘foo’).innerHTML = ‘gone!’;
return true;
}

The innerHTML content is replaced and the onclick event remains (in IE). Oof.

See http://msdn.microsoft.com/workshop/author/tables/buildtables.asp

var innerHTML = “<tr><td>Hello world!</td></tr>”;

var div = document.createElement(“DIV”);

div.innerHTML = “<table>” + innerHTML + “</table>”;

// Get the tr from the table in the div
var trElem = div.getElementsByTagName(“TR”)[0];

Anybody know of any problems with trying to set the innerHTML of a tag that itself was defined dynamically via innerHTML?

Sometimes there are shortcuts and sometimes there aren’t any, but there is also the good-practice factor. Appending child-elements of table with innerHTML or insertAdjacentHTML is bad practice, regardless browser.

–CODE START–

function ieTableInnerHTML(target, rowHTML) {
/* Vars */
target = $(target);

/* Remove all existing rows */
while (target.rows.length > 0) {
target.deleteRow(0);
}

/* Create temporary table */
var tempDiv = document.createElement("div");
document.body.appendChild(tempDiv);
tempDiv.innerHTML = '<table id="tempTable" style="display: none">' + rowHTML + '</table>';
var tt = $("tempTable");

/* Copy temporary table's rows to target */
for (var i = 0; i < tt.rows.length; i++) {
target.appendChild(tt.rows[i].cloneNode(true));
}

/* Remove temporary table */
Element.remove(tt);
}

–CODE END–

I didn’t understand all the dollar symbols as shown above in Paul Chiu’s script (I’m not too advanced with javascript), but after slightly modifying it so it didn’t delete the target tbody’s existing rows it works fine in my application:

/* modified from http://www.ajaxian.com/archives/2005/10/innerhtml_gotch.html */
function tableInnerHTML(target, rowHTML) {
/* Removed – why delete them?!
while (target.rows.length > 0) {
target.deleteRow(0);
} */
var tempDiv = document.createElement(“div”);
document.body.appendChild(tempDiv);
tempDiv.innerHTML = ” + rowHTML + ”;
var tt = document.getElementById(“tempTable”);
/* Copy temporary table’s rows to target */
for (var i = 0; i < tt.rows.length; i++) {
target.appendChild(tt.rows[i].cloneNode(true));
}
tt.parentNode.removeChild(tt);
}

Works on IE/Gecko windows. Thanks for your help.