Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Call parent Javascript function from inside an iframe

I have a iframe (in my domain), that iframe has a file iframe.js.

My parent document has a file parent.js.

I need to call a function that is in parent.js, from a function that is in iframe.js.

I tried doing window.parent.myfunction() this function is in the parent.js file.

But, it didn't work. Only when I put the function on the parent page (I mean in the HTML), then it worked.

Any idea how to get this to work?

like image 418
Ovi Avatar asked Aug 03 '11 16:08

Ovi


People also ask

How do you call a parent page of an iframe function?

To call a parent window function, use “window. top”.

Can you run JavaScript in iframe?

Calling a parent JS function from iframe is possible, but only when both the parent and the page loaded in the iframe are from same domain i.e. example.com , and both are using same protocol i.e. both are either on http:// or https:// .

Can parents communicate with iframe?

Yes, it's not any hack or something, but with simple functions you can communicate in between iframe and it's parent website. First of all, let's know about the iframe. 'iframe' is very popular html tag which enables you to keep another webpage inside a webpage.


1 Answers

Try just parent.myfunction(). Also be 100% sure that the parent.js is included in your parent document.

like image 88
invertedSpear Avatar answered Oct 12 '22 03:10

invertedSpear