« 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


“...I may be completely off base, and panicking prematurely.”
“I don’t think so.  I think you’re panicking post-maturely.  In fact, if you were panicking any later it would be practically posthumously.  I’ve been panicking for days.”
Miles & Ivan, Cetaganda, Lois McMaster Bujold