Resize iframe height according to content height in it

by

To directly answer your two subquestions: No, you cannot do this with Ajax, nor can you calculate it with PHP.

What I have done in the past is use a trigger from the iframe’d page in window.onload (NOT domready, as it can take a while for images to load) to pass the page’s body height to the parent.

<body onload='parent.resizeIframe(document.body.scrollHeight)'>

Then the parent.resizeIframe looks like this:

function resizeIframe(newHeight)
{
    document.getElementById('blogIframe').style.height = parseInt(newHeight,10) + 10 + 'px';
}

Et voila, you have a robust resizer that triggers once the page is fully rendered with no nasty contentdocument vs contentWindow fiddling 🙂

Sure, now people will see your iframe at default height first, but this can be easily handled by hiding your iframe at first and just showing a ‘loading’ image. Then, when the resizeIframe function kicks in, put two extra lines in there that will hide the loading image, and show the iframe for that faux Ajax look.

Of course, this only works from the same domain, so you may want to have a proxy PHP script to embed this stuff, and once you go there, you might as well just embed your blog’s RSS feed directly into your site with PHP.

More Related Contents:

  1. the facebooks 'xyz is typing' feature? [closed]
  2. How to inject javascript code that uses php variables into php page
  3. Calling a php script at the end of a js script
  4. Call php function from JavaScript
  5. How to get the jQuery $.ajax error response text?
  6. Download file through an ajax call php
  7. Passing JavaScript array to PHP through jQuery $.ajax
  8. Send array with Ajax to PHP script
  9. Creating jQuery AJAX requests to a PHP function
  10. Send JSON data from Javascript to PHP?
  11. Change DIV content using ajax, php and jQuery
  12. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  13. How to load PHP file into DIV by jQuery?
  14. Best way to transfer an array between PHP and Javascript [duplicate]
  15. Passing Javascript Variable to PHP using Ajax
  16. Scaling a chat app – short polling vs. long polling (AJAX, PHP)
  17. Jquery – Uncaught TypeError: Cannot use ‘in’ operator to search for ‘324’ in
  18. Pass data from jQuery to PHP for an ajax post
  19. Saving WAV File Recorded in Chrome to Server
  20. How to pass an array using PHP & Ajax to Javascript?
  21. Jquery: Running AJAX locally without a webserver
  22. Unserialize PHP Array in Javascript
  23. How can I pass variables from JavaScript to PHP?
  24. How to rotate image and save the image
  25. Cross Domain Ajax Request with JQuery/PHP
  26. How to download a file on clicking the name of file using PHP?
  27. uploading a file via ajax with php
  28. show progressbar while loading pages using jquery ajax in single page website
  29. How to implement a chat room using Jquery/PHP?
  30. How can you use php in a javascript function [duplicate]

Leave a Comment