jQuery - run code upon iframe navigation?

Question

I have an iframe on my page. I want to assign a function to run when the SRC of that iframe changes (ie, someone clicks on a link inside the iframe). Is this possible? I've tried:

$("#my-iframe").change(function() { ... });

but nothing fires.

score 6 · Accepted Answer · edited May 23 '17 at 12:07

6

Check out:

How do I fire an event when a iframe has finished loading in jQuery?

From that page:

http://sykari.net/stuff/iframe/

and

$("#iFrameId").load(function (){
    // do something once the iframe is loaded
});

edited May 23 '17 at 12:07

Community

1
1

answered Jul 27 '09 at 14:58

brianng

5,790
1
32
23

You should add relevant info here instead of just linking. Think if this page is printed, the info for solving the question is ready at hand? if sykari.net goes down, does this answer stays relevant?: – Mindwin Remember Monica Jan 06 '14 at 12:24

score -1 · Answer 2 · answered Jul 27 '09 at 14:58

You could try to use a reference to the containing page in the page that's in the IFRAME. Use the page body onunload event in the page contained in the IFRAME (something like window.parent.functionname() to get at your parent frame).

For security reasons, this is only possible if the page in the iframe is on the same domain.

jQuery - run code upon iframe navigation?

2 Answers2