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.


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