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()">