Comments on: jQuery : Auto iFrame Height

By: Elton Morais

Elton Morais — Thu, 19 Jan 2012 12:48:26 +0000

Hi, Abdul Rehman

On my previous post I had a idea for solve the problem with external content and could it work with ajax.

In a external content, will work only if there’s only the iframe on the page. But the second part (to adjust the height) could work on another situation, like yours.

By: prakash

prakash — Wed, 11 Jan 2012 03:16:13 +0000

i has used iframe auto plugin properly. if i set scrolling = no, so that when content in iframe is increased. The iframe is extend with out scrollbars but is hidden in parent page. I want parent page to be extended.
when iframe extend. so that we wont see ugly scroll bars.

By: Abdul Rehman

Abdul Rehman — Sat, 24 Dec 2011 17:39:03 +0000

I am using ur code it is working fine but i have a new frame which change content using ajax technique.

onload iframe loads data nicely but when content is changed using ajax iframe do not readjust its height

(My parent page and iframe are on same domain)

Please help me.

By: Phillip

Phillip — Sat, 10 Dec 2011 22:55:30 +0000

The plugin works great! Thanks so much!

By: Elton Morais

Elton Morais — Sat, 03 Dec 2011 03:38:09 +0000

Yes, there’s a simples, idiot and dumb way to get the same result with an external domain…

Instead of use scroll=no on the iframe, I change it to “auto”. Then, I get the size of the actual window

$(window).height();
and use that as the iframe height attribute.

Well, the result is…

We will never have the “page” scroll, only the “iframe” scroll. When You navigate, doesn’t matter who is the scroll, but the important is that there’s only 1.

Well, there’s the problem of the user simply resize the window while he’s navigating. To solve that, I use:

setInterval(getDocHeight, 1);
Did You think that that solution will cause any bugs? It’s working for me, and on the iFrame I had dynamic contect generated by php. I’m afraid of future bugs with that…

Off course, the “iframe” scroll will be, allways, of the same size of the page. So, while navigating, You just see it as it was the “page” scroll.

By: ahmed

ahmed — Wed, 30 Nov 2011 20:29:47 +0000

very thanks done with IE8 and firefox but not done in google c

need help
thanks

By: Wedding Photographer Essex and Suffolk

Wedding Photographer Essex and Suffolk — Wed, 16 Nov 2011 10:31:47 +0000

I’m seriously struggling with this. Think I will give up and get someone else to do it

By: Bob Stone

Bob Stone — Wed, 26 Oct 2011 22:06:00 +0000

Very nice, thanks

By: James

James — Mon, 24 Oct 2011 14:27:45 +0000

Hi,

This wasn’t working for me in FireFox – on line 74 $body[0].scrollHeight always reported the same height, regardless of the height of the content.

I discovered that if I selected a container DIV instead of the body, it worked like a dream in all browsers. So after ensuring everything in the iframe was wrapped in an outer DIV, I edited line 73 to read:

var $body = $(iframe, window.top.document).contents().find(‘body > div’);

By: Wedding Phototgrapher

Wedding Phototgrapher — Sat, 01 Oct 2011 12:17:25 +0000

Just needed to add autoHeight classframe and all went smoothly, thanks for the advice.