Resize iFrame View Based on Content

Asked Nov 04 '13 at 22:16

Active Nov 04 '13 at 22:57

Viewed 49 times

I am wondering if theres some way to make it so that if there is a bunch of content in an iFrame it will just zoom out on the document essentially so it fits. Making all the content inside the iFrame smaller.

Any ideas how I would do this?

Script:

<script type="text/javascript">
function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
}
</script>

iFrame:

<iframe id="iframehtml" style="width:100%;height:100%;" onLoad="autoResize('iframe1');"></iframe>

By the way the reason there is no src set for the iFrame is because I have it in JavaScript so when you clicka a button it will edit the html of the iFrame.

edited Nov 04 '13 at 22:57

asked Nov 04 '13 at 22:16

user2812028

See this stackoverflow: http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content – maxdaniel98 Nov 04 '13 at 22:47
I tried that, and its not working for some reason. I will provide more code in 1 second – user2812028 Nov 04 '13 at 22:50
Just to be clear: You want to decrease the size of the content to fit if the Iframe is resized, as opposed to resizing the Iframe to accommodate the content? – GladstoneKeep Nov 04 '13 at 22:51
Yes, I want to decrease the size of the content to fit the iFrame. – user2812028 Nov 04 '13 at 22:52
I updated with my code. – user2812028 Nov 04 '13 at 23:06

Resize iFrame View Based on Content

0 Answers0