CODEWITHSUNDEEP
javascriptjqueryiframecross-browser
tanujdave
tanujdave

Reputation: 237

How to get iframe contentWindow height in cross domain

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.

Upvotes: 6

Views: 8240

Answers (1)

Justin Niessner
Justin Niessner

Reputation: 245499

For modern browsers you can use the window.postMessage function to communicate 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.

Upvotes: 4

Related Questions