Run javascript in a dynamically created iframe

Question

I have a tool which generates some html+javascript code, it shows the code in one div and then shows a preview of what the code displays like in an iframe.

Here's a quick fiddle which shows this... http://jsfiddle.net/Zv4zU/

But the javascript within the iframe never runs even though if you inspect the iframe the javascript is definitely in there. How can I get the javascript to run by itself?

Challe · Accepted Answer · 2012-05-01 15:53:13Z

1

See this jsfiddle for a solution!

Edit: As Jonathan pointed out, I should also post the code here:

var html = "html code <script type='text/javascript'>alert('OK');<\/script>"; $("#myFrame").contents().find("body").html(html);

edited May 1, 2012 at 15:53

answered May 1, 2012 at 15:42

Challe

90613 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sampson Over a year ago

Please use fiddles as a supplement to your answer here. Please show your solution here, and link to a fiddle for demonstration purposes. This way, if jsfiddle were to even die, we'd still have the solution here.

Timm Over a year ago

Thanks, but that seems to be running the javascript on the parent, not on the iframe - example here: jsfiddle.net/BNG4n (the html of the page's 'test' div is shown, not the iframe's 'test' div, are there any fixes for this?

Timm Over a year ago

I'm going to ask above comment as new question as you did answer my initial question :)

zool · Accepted Answer · 2014-03-03 09:26:42Z

I'm bit update your script to really start JS in the iframe:

var script = "alert('OK');document.body.innerHTML = 'hello!'"; myFrame.get(0).contentWindow.eval(script);

see jsfeedle

Collectives™ on Stack Overflow

Run javascript in a dynamically created iframe

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related