Snippets | Nomads | Projects | Applications


Nomads | Philosophy | Index


Nomads NOMADS: | IFrame-Host | IFrame-Host-Demo | Sic et Non | IFrame-Source | HowTo


Dynamic iFrame Hosting Code

Auto-resizing iFrames for Dynamic/Responsive Pages

in JavaScript
by Kirk Siqveland
© 2022 CC-BY-NC-SA 4.0


Full Demo:
IFrame-Host-Demo

The Dynamic iFrame Hosting Code allows:

a webpage to include another webpage as an iFrame, while accommodating dynamic/responsive sizing needs:
- as the Guest page changes size, the Host page iFrame auto-adjusts to fit the Guest.

Originally developed to allow projects like the Dynamic / Directory Audio Player, a login-application, or shopping cart pages to be inserted into another page with the PmWiki CMS framework.

Things to consider before using this code:
iFrames: Sic et Non (Why and Why not)