trigger javascript event from within an iFrame

Question

I am not sure if this is possible but I have a small web application that is responsible for uploading files to the server. This app is used by another app which includes it in an iFrame.

The uploader app is using jQuery form to submit the file in the background and I would like to be able to notify the parent app when the upload is complete and the success callback fires.

I was thinking about somehow passing a function into the iFrame app that could be called from the parent but I am not sure how to do this or if it is even possible.

gilly3 · Accepted Answer · 2011-11-30 01:09:14Z

1

If both apps are hosted on the same domain, accomplishing this is trivial.

To call a function in the parent window from the iframe:

parent.myFunction();

To call a function in the iframe from the parent window:

document.myFrameName.myFunction();

(This requires that the iframe have a name attribute set).

If the apps are on different domains, you'll have to perform some greater hackery to accomplish this.

answered Nov 30, 2011 at 1:09

gilly3

92.6k26 gold badges148 silver badges179 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AjayR · Accepted Answer · 2011-11-30 01:35:22Z

1

You can call parent.functionname. Or you can try the IFrame event, onLoad to call from the parent page itself.

answered Nov 30, 2011 at 1:35

AjayR

4,1894 gold badges49 silver badges81 bronze badges

Comments

pronvit · Accepted Answer · 2011-11-30 00:40:58Z

0

I'm not sure what's the right way to do this, but you can write something like document.callback = function() { ... } in your parent frame and parent.document.callback() in your iframe.

Of course your pages in parent frame/iframe must be from the same domain or browser will block any interaction between them.

answered Nov 30, 2011 at 0:40

pronvit

4,3181 gold badge22 silver badges27 bronze badges

Collectives™ on Stack Overflow

trigger javascript event from within an iFrame

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related