« Blog Home

§ Adjust iframe height to contents

Some javascript in an iframe's content page can adjust the height of the iframe to its content.

Make sure the enclosing iframe has name="" and id="" exactly the same.

The window.name of a page in an iframe is the name of the iframe

 

function setParentIframeHeight() {
  var ifrm;
  if(ifrm=parent.document.getElementById(window.name)) {
    ifrm.height=500;  //or whatever. Some layouts won't shrink if a specific amount isn't set here.
    ifrm.height=document.body.scrollHeight + 30;
  }
}
function makeDoubleDelegate(function1, function2) {
  return function() {
    if (function1)
      function1();
    if (function2)
      function2();
  }
}
window.onload = makeDoubleDelegate(window.onload, setParentIframeHeight);

 

last edited on January 29th, 2009 at 11:52 AM

Comments

backlinks says:

Definitely helped me.

November 23rd, 2011 at 1:26 AM

Add your comment

Name:
Email: (Will not be displayed - Privacy policy)
Website:
Comments:
  random image I can't read it!
Give me a different one!
Verify Post: Input the text from the image above to verify this post (helps prevent spam)
 

« Blog Home


So all he had to do was learn some Norse magic.  Free Loki.  Find Liz.  Stop Ragnarok.  Help Sygin get her revenge on the lords of the Æsir.  Defeat the Krim, and get home.
Easy, really.
Jerry, Pyramid Power, Eric Flint & Dave Freer