Skip to content

Instantly share code, notes, and snippets.

@jhit

jhit/iframe.html

Forked from LukeFF/iframe.html
Created September 7, 2016 09:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jhit/eab6286c8236425341710fea382bca7d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jhit/eab6286c8236425341710fea382bca7d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @LukeFF LukeFF created this gist Sep 7, 2016.
    10 changes: 10 additions & 0 deletions iframe.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <body onLoad="resizeParent();">

    <script type="text/javascript">
    function resizeParent() {
    var height = document.getElementsByTagName("html")[0].scrollHeight;
    window.parent.postMessage(["setIframeHeight", height], "*");
    }
    </script>

    </body>
    14 changes: 14 additions & 0 deletions parent.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <iframe id="superiFrame" src="..." style="width: 100%; border: none;" scrolling="no" height="500"></iframe>

    <script type="text/javascript">
    window.addEventListener('message', function(e) {
    var iframe = document.getElementById('superFrame');
    var eventName = e.data[0];
    var height = e.data[1];
    switch(eventName) {
    case 'setIframeHeight':
    iframe.height = height;
    break;
    }
    }, false);
    </script>