The problem mentioned above about the loading order is significant. You have to do the onload event on the iframe document and not on the parent. The iframe can load after the parent.

Why iframes? Many good reasons. Forms in popups without heavy duty javascript support. It is also a lot easier to build popups with forms and other modal interactive functionality with iframes instead of ajax.

If you want a quick and snappy website, all the gimmicks are out the door. Think web 2.0 in terms of the user experience, not in terms of how you write code.

Say what you want about google, they are giving user what they want. User first, code second. This means in many ways iframes first ajax second.

This really has nothing to do with SEO. Googlebot does not fill forms and upload photos.

Thanks a lot for this code, it’s exactly what I needed. Glad to know someone else uses IFRAMES.

Cheers from Argentina.

I’ve tried to use your original code, but i had two small problems:

one, i did not want to use body onload.

second, it worked fine while retriving the first page. But if i linked from the framed page to another, smaller one, the height remained the same.

Well, some reserching and i’ve came up with this:

// Firefox worked fine. Internet Explorer shows scrollbar because of frameborder
function resizeFrame(f) {
var s;
s = 100;
f.style.height = s;
s = f.contentWindow.document.body.scrollHeight + “px”;
f.style.height = s;
}

a) putting the onload to the iframe, the iframe re-configures the height everytime the iframe loads. Also, b) putting the f.style.height to change twice, the iframe has always the correct height, even if i go from a bigger to a smaller linked page.

It works for me in ie v7, ff v3.0.7 and Chrome.

Hope it comes in handy,

Thanks again for sharing,
Giannis.

Kinda like when people go through the trouble of trying to make crazy tables with div tags that should probably have just been HTML tables in the first place, blindly thinking that all html tables are evil.

The problem in IE with scrollbars its fixed if you add a little amount of pixels. Ex:

function resizeFrame(f) {
var size;
size = f.contentWindow.document.body.scrollHeight+10;
f.style.height = size + “px”;
}

(requires ability to put script into remote page)
http://www.surveygizmo.com/forum?forum=3&topic=836

people who say “who ajax instead”, i’d love to. can you provide a simplified iFrame replacement in AJAX?

i’m very interested in learning more about AHAH now. hoping to find a simple iFrame replacement in AHAH. not sure how to implement the AHAH example given above.

Thanks for the tip, I was searching for this for very long time I could not get rid of either the huge space below the content of my page either the ugly scroll down bar…

Now the big mystery… is iframe content crawled by Google?