Posted By

Neven on 02/23/13

Tagged

resize

Versions (?)

Last Edited at 02/23/13 09:56am

Statistics

Viewed 2200 times

Favorited by 5 user(s)

Related snippets

Resize iFrame to its content

/ Published in: JavaScript

Bind onload function to the iFrame and set the size of the iFrame to the iFrames loaded content.
In the example jQuery is used.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$("#modalIFrame").bind('load',
            function () {
                var newheight, 
                newwidth;
 
                newheight = this.contentWindow.document.body.scrollHeight;
                newwidth = this.contentWindow.document.body.scrollWidth;
 
                $(this).height(newheight);
                $(this).width(newwidth);
            }
        );
 
        $("#modalIFrame").attr('src', url);

Report this snippet Tweet

Comments

You need to login to view comments.