CODEWITHSUNDEEP
jqueryiframeevent-handling
YANG Lei
YANG Lei

Reputation: 733

Triggering an event handler on an element inside iframe from parent frame

I have a html page. Inside it I use jQuery to attach click event on a link. Then I use iframe to reference this html page from another page. However I could not trigger the event attached on that link with js (when I click the link with the mouse, the event gets triggered with no problem). How can I trigger that event from parent frame? I have tried the following but it does not work:

var frame = $('#mainFrame'); // the iframe I am trying to access
var link = $('a.btn', frame.contents()); // the element is found correctly
link.trigger('click');  // nothing happens. 
var e = link.data('events');  // e is undefined.

Upvotes: 13

Views: 27036

Answers (2)

Aamir Afridi
Aamir Afridi

Reputation: 6411

Here is how you can do it.

document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click');

You can also use postMessage() for this purpose. It will work cross-domain as well. However JS inside the iframe must listen to the message event, i.e. you need to control the source of the iframe.

Upvotes: 16

Dogwood LX
Dogwood LX

Reputation: 21

Just place onload() event inside the iframe tag.

<iframe src="http://myURL.com" onload="myFunction()">

Upvotes: 2

Related Questions