Response title
This is preview!
Appending to an iFrame with jQuery.
in Using jQuery
•
11 years ago
Hi all. I'm trying to get some user text (which is html), throw that into an iFrame, then append something to the iFrame's head tag, but this doesn't seem to be working... here's my code:
- <html>
<head>
<script type=text/javascript src=jquery.js></script>
<script type=text/javascript>
$(document).ready(function() {
$('#submit').click(function(e) {
var doc = $('#fr')[0].contentDocument;
- if (!doc) // for IE
doc = document.frames('fr').document;
doc.open('text/html');
doc.write($('#html').val());
doc.close(); - $('#fr').contents().find('head').append("<script type=text\/javascript>alert('here!');<\/script>"); // I had to escape the forward slashes here... not sure why though.
});
});
</script>
</head>
<body>
<input type=button value=Submit id=submit></input><br>
<textarea id=html style="height: 300; width: 300;"></textarea>
<iframe id=fr></iframe>
</body>
</html>
If I try to append (bolded above), it will run whatever's in the script tag, but it doesn't actually add it to the iFrame's head... so I'm wondering if I can't append to the head, or what's going on?
Any insight would be wonderful, and if you need me to explain something further, please ask!
1
