Question

I use javascript to expand an Iframe to the size of the document it loads to remove any vertical scrollbar, like so:

function resizeIframes() {
    $('iframe').load(function()
        {
            this.style.height = (this.contentWindow.document.body.offsetHeight + 40) + 'px';
        }
    );
}

Which works well enough for my uses. But now I need to load the Iframe with a website from another server (actually another subdomain, instead of “www.mydomain.com” it’s “services.mydomain.com”) and according to Firebug I’m not allowed to read properties from other domains via Javascript. I’m guessing some kind of sandbox problem?!

Is there any way to circumvent this or at least get some kind of info about the size of the content? I even would be willing to check if there is a scrollbar and continually grow the iframe until it’s gone, but unlike the window object an iframe object does not seem to have a .scrollbars property.

Answer 1

If it’s just another subdomain, document.domain should give you the needed access between frames.