Parent window resize?

Question

I need to access the parent window of an iframe, this script is also loaded in the iframe window as well.. So basically I have this markup.

BODY | IFRAME | BODY | SCRIPT

$(window.parent.document).resize(resizeModal);

So I need once inside the modal window, for the fundition "resizeModal()" to run once it's parent window is resized, but it doesn't work :(

Any ideas?

I don't believe scripts inside of an iframe can affect the page they're embedded in. — Charlie, Sep 01 '12 at 03:58
IMO, an iframe's contents should not be responsible for resizing the window. Besides, what if (completely hypothetical), what if this "parent window" is in an iframe of another page? — Tyler Crompton, Sep 01 '12 at 05:00

score 0 · Answer 1 · edited May 23 '17 at 12:04

0

I originally assumed that you could not have a script inside of an iframe affect the parent page, but it looks like you can:

Can javascript running inside an iframe affect the main page?

You share variables between the iframe and the parent window by means of

window.whatever = "value";

or the parent. property.

edited May 23 '17 at 12:04

Community

1
1

answered Sep 01 '12 at 04:39

Charlie

11,380
19
83
138

Shankar Cabus · Answer 2 · 2012-09-01T04:52:50.667

Try this:

$("#element", top.document);

The top.document tells the selector to target the myid element which exists in the topmost document (your parent page). In order for this to work, jquery must be loaded in the file which is viewed through the iframe.

But why not do it the other way? The parent window be listening to the event to resize and send the event to the iframe?

$(window).resize(function () { 
    $("#iframe").content().find("#anything");
});

Parent window resize?

2 Answers2