ansaurus

Question

Scripts do not execute when changing the content of an iframe with innerHTML

Answer 1

+1 A:

It looks like the problem is not the iframe, but the fact that scripts are not executed when inserted into the DOM text with innerHTML.

You may want to check the following Stack Overflow post for a couple of solutions:

Can scripts be inserted with innerHTML?

Daniel Vassallo 2010-02-16 10:46:32

Problem is that I get a HTML page and can't modify it.

charles 2010-02-16 13:52:25

Your best bet is to use a JavaScript framework like jQuery to do the AJAX call. The `jQuery.ajax()` is able to evaluate JavaScript code very easily. You may want to check the following SO post for further info: http://stackoverflow.com/questions/2203762/when-loading-an-html-page-via-ajax-will-script-tags-be-loaded

Daniel Vassallo 2010-02-16 14:06:42

Answer 2

A:

Try this

in a page index.html write:

<script type="text/javascript">

    function init() 
    {
        var s = document.createElement("script");

        s.innerHTML="alert('ops');"    

        document.getElementById("frame").contentDocument.getElementsByTagName("body")[0].appendChild(s);
    }

    window.onload = init;
</script>

...

<body>
    <form id="form1">
    <div>
    <iframe id="frame" src="test.html"></iframe>
    </div>
    </form>
</body>

Then simply write test.html like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
    <title></title>
</head>
<body>

</body>
</html>

and load from a web server index.html and the code works!!

xdevel2000 2010-02-16 11:24:35

The problem is that I get a complete HTML page from ajax.I will get a HTML page from html to /html with javascript inside..

charles 2010-02-16 13:50:16

But if you get a complete web page you shouldn't insert that in the body tag and so you should change the src property of the frame tag.

xdevel2000 2010-02-17 09:37:35

I make a post with ajax and get the page as reponse.

charles 2010-02-17 10:15:18

Answer 3

A:

Having something like the following would work.

<iframe id = "testframe" onload = populateIframe(this.id);></iframe>

// The following function should be inside a script tag

function populateIframe(id) { 

    var text = "This is a Test"
var iframe = getObj(id); 

var doc; 

if(iframe.contentDocument) { 
    doc = iframe.contentDocument; 
} else {
    doc = iframe.contentWindow.document; 
}

doc.body.innerHTML = text; 

  }

cypher 2010-08-18 08:29:09

ansaurus

tags:

views:

answers:

Scripts do not execute when changing the content of an iframe with innerHTML

related questions