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:

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)