i want to auto adjust my iframe height according to their content but in same domain it's work properly with contentWindow.height but in case of cross domain its permission denied for accessing iframe dom.

i want to auto adjust my iframe height according to their content but in same domain it's work properly with contentWindow.height but in case of cross domain its permission denied for accessing iframe dom.

• javascript
• jquery
• iframe
• cross-browser

1 Answer 1

For modern browsers you can use the window.postMessage function to municate between the iFrames belonging to two different domains.

There are also several jQuery plugins that wrap window.postMessage with older URL hashing techniques for browsers that don't support window.postMessage. It makes the usage of the technology transparent to the end user.

You can look at the following page (and probably borrow the javascript you need) from here:

Lutron - Ballast Selection Tool

The tool with the dropdowns is actually being loaded from a separate domain into an iFrame. The iFrame is then dynamically resized based on the height of the inner content.