Snippets | Nomads | Projects | Applications


Nomads | Philosophy | Index


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


Dynamic iFrame Hosting Demo

Auto-resizing iFrames for Dynamic/Responsive Pages

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


There are three iframes here, each hosting a copy of the same webpage.
They each respond dynamically and independently.

TRY:

Clicking one guest page will change its size but not the others!
- notice when you do, the whole page adjusts dynamically!

Also try resizing the Browser Window,
- which in turn automatically resizes all the iframes and the page...



Guest Page/Frame 1

Guest Page/Frame 2

Guest Page/Frame 3


Dynamic iFrame Hosting Code
© 2022 by Kirk B. Siqveland
licensed under CC-BY-NC-SA 4.0