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

Here is how you can do it.

document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click');
  • Demo: http://jsbin.com/aYijiLe/2
  • Parent: http://jsbin.com/aYijiLe/2/edit
  • iFrame: http://jsbin.com/IrogeBi/1/edit

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.

  • Demo: http://jsbin.com/ILAsEmE/1
  • Parent: http://jsbin.com/ILAsEmE/1/edit
  • iframe: http://jsbin.com/uZEQuTa/2/edit

Just place onload() event inside the iframe tag.

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