Scribd Logo
Upload

Welcome to Scribd!

  • Iframe With 100persen

    Uploaded by

    Abdullah Miff
    6 views1 page
    This document provides instructions for creating an iframe that fills the entire height of a page using JavaScript. The iframe's width can be set to 100% to fill the page width, but its height defaults to about 200px. To make the iframe height dynamic and fill the remaining page height, JavaScript gets the browser window height on page load and window resize and sets the iframe height accordingly.

    Original Description:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides instructions for creating an iframe that fills the entire height of a page using JavaScript. The iframe's width can be set to 100% to fill the page width, but its height defaults to about 200px. To make the iframe height dynamic and fill the remaining page height, JavaScript gets the browser window height on page load and window resize and sets the iframe height accordingly.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views1 page

    Iframe With 100persen

    Uploaded by

    Abdullah Miff
    This document provides instructions for creating an iframe that fills the entire height of a page using JavaScript. The iframe's width can be set to 100% to fill the page width, but its height defaults to about 200px. To make the iframe height dynamic and fill the remaining page height, JavaScript gets the browser window height on page load and window resize and sets the iframe height accordingly.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    Iframe with 100% Height

    Ever wonder how to create an iframe that fills the entire height (and width) of a page? You probably tried writing something like: <iframe width=100% height=100%></iframe> and expected the iframe to fill up whatever it could. The width=100% does what you expected and fills up the entire width of the page, but the height just stays about 200px. Here's some easy JavaScript to do exactly this:

    Put this in the head of your page:


    <script language="JavaScript"> <!-function resize_iframe() { var height=window.innerWidth;//Firefox if (document.body.clientHeight) { height=document.body.clientHeight;//IE } //resize the iframe according to the size of the //window (all these should be on the same line) document.getElementById("glu").style.height=parseInt(heightdocument.getElementById("glu").offsetTop-8)+"px"; } // this will resize the iframe every // time you change the size of the window. window.onresize=resize_iframe; //Instead of using this you can use: // <BODY onresize="resize_iframe()">

    //--> </script>

    And inside your page's body create the iframe tag:


    <iframe id="glu" width="100%" onload="resize_iframe()"> </iframe>

    You might also like