Load html var into another html element

Question

I have a javascript variable with a full html code (html, head, body), not just body content. Now I need to render that code into another html page.

An iframe without src works great loading the code via jquery:

$("#myIframe").contents().find('html').html(myJsVar);

But I cant catch the keyup event in that iframe and that is mandatory.

My desired solution is to use an div that can render the page, but i think that it is impossible :(

Do you have any other idea?

Very much thanks!

Have you perused existing answers like stackoverflow.com/a/1933220/30007 or stackoverflow.com/a/4914914/30007 or stackoverflow.com/a/10942878/30007 ... Try searching a bit on SO. — Amith George
– Amith George, Commented Jul 21, 2012 at 15:45

Nate Barr · Accepted Answer · 2012-07-21 15:54:20Z

0

This seems pretty straightforward: jsFiddle example

$('#myIframe').contents().find('#myInput').keyup(function() {$(this).val('new value');});

answered Jul 21, 2012 at 15:54

Nate Barr

4,6602 gold badges28 silver badges21 bronze badges

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

1 Answer 1