How do I resize an iframe with dynamic content?
- by Middletone
I'm populating an iframe with some contents that are injected into it but I'm unable to size it correctly. I've tried a variety of methods but here is the most recent code.
After populating the iframe with an html based mail message it doesn't seem to register the scroll height.
<iframe scrolling="no" width="100%" onload="javascript:(LoadIFrame(this));" >
HTML content goes here. Make sure it's long enough to need to scroll before testing.
</iframe>
<script type="text/javascript">
function LoadIFrame(iframe) {
$("iframe").each(function() {
$(this).load(function() {
var doc = this.document;
if (this.contentDocument) {
doc = this.contentDocument;
} else if (this.contentWindow) {
doc = this.contentWindow.document;
} else if (this.document) {
doc = this.document;
}
this.height = (doc.body.scrollHeight + 50) + 'px';
this.onload = '';
});
txt = $(this).text();
var doc = this.document;
if (this.contentDocument) {
doc = this.contentDocument;
} else if (this.contentWindow) {
doc = this.contentWindow.document;
} else if (this.document) {
doc = this.document;
}
doc.open();
doc.writeln(txt);
doc.close();
});
}
</script>
