ansaurus

Question

Resizing of frame with DYNAMIC external source

Answer 1

A:

You should simply change the style of the iframe object. If you are using jQuery ( you should :D ), it's as simple as $('iframe').height(321).width(321);

if not: document.getElementByID('iframeID').style.height = "321px"; document.getElementByID('iframeID').style.width = "321px";

If you only know the size needed in the url of the loaded frame, you can also access the parent via : window.parent

if you expose a function at the parent called changeIframeSize(height, width), you can call that from the frame with:

window.parent.changeIframeSize(312,321);

HTH,

Erik

Erik 2009-07-19 15:38:08

Thank you for the reply.I got what you meant in your reply and tried to implement the second part (the "window.parent.changeIframeSize(312,321);" part)I'm faced with a new roadblock .How to create a call back in the child frame so that when the child frames source is changed, the function is automatically called (something like onSourceChange() ) ?Please note that the called source is completely external and I have no control over it. Moreover, I do not want this to be on the server side....Trying out implementing it via Ajax. If it is successfull, will post it here later.

2009-07-19 16:26:14

Nope, turns out even Ajax has cross domain restrictions !! So that is out of the question....Running out of options now....

2009-07-19 16:58:13

Answer 2

A:

To get around the same origin policy, you'll need each page you iframe to have on it an iframe containing a helper page on your site.

Why does this work?

I've explained it in a bit more detail here, but basically the browser security model allows pages to pass information to two types of site:

sites which they have iframed
sites on the same domain

If you get the page you want iframed to pass details like it's height to the helper page you've had them iframe, then that page can send that information back to your main page, as it's on the same domain.

The above is, of course, only a viable solution if the pages you are iframing agree to include your helper file, otherwise what you're doing isn't really possible I'm afraid.

ConroyP 2009-07-19 20:17:24

Answer 3

A:

Thank you ConoroyP & Erik for your replies.

This can be accomplished by sending a 302:Moved Temporarily header that redirects the frame to the external source required. Morever, you need to use the frameset and frame tags instead of the iframe tag

thanks

2009-07-20 02:54:33

ansaurus

tags:

views:

answers:

Resizing of frame with DYNAMIC external source

OK, Enough of useless poetry...

related questions