Resize iFrame

Component ID

1621638

Component name

Resize iFrame

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

Adds a javascript to your site that allows cross domain exchange of your page height with an parent iFrame.

Summary

The resize iframe module adds a small javascript to the page which sends the
height of the current page to a parent page on another domain (cross domain).
The admin of the parent page can than use this information to resize the
an iframe where your site is embedded.

So it is possible to avoid scrollbars inside scrollbars which can be very
confusing for your users.

For cross domain javascript communication the jQuery postmessage library is used.
see more at:

http://benalman.com/projects/jquery-postmessage-plugin/
https://github.com/cowboy/jquery-postmessage

To submit bug reports and feature suggestions, or to track changes:
@todo: add link to issue queue

Requirements

Libraries API
http://drupal.org/project/libraries

jQuery postmessage library
http://github.com/cowboy/jquery-postmessage/raw/master/jquery.ba-postmes...

Installation

  • Install like any other module.
  • Add jQuery postmessage library to /sites/all/libraries/jquery_postmessage
    Download here:
    http://github.com/cowboy/jquery-postmessage/raw/master/jquery.ba-postmes...
  • Goto: Home » Administration » Configuration » System » Set iframe resize parent site.
    /admin/config/system/resize-iframe
    And enter the parent page URL.

    This is now done via javscript and a hash parameter in the parent page. The module code is still there but with no functionality and will be removed.
  • Add the javascript from the example directory to the parent page.