Call parent Javascript function from inside an iframe

javascript jquery iframe parent
Ovi picture Ovi · Aug 3, 2011 · Viewed 96.2k times · Source

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?

Answer

invertedSpear picture invertedSpear · Aug 3, 2011

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

Related questions

Why does appending a <script> to a dynamically created <iframe> seem to run the script in the parent page?

I'm attempting to create an <iframe> using JavaScript, then append a <script> element to that <iframe>, which I want to run in the context of the <iframe>d document. Unfortunately, it seems …

Read More
SecurityError: Blocked a frame with origin from accessing a cross-origin frame

I am loading an <iframe> in my HTML page and trying to access the elements within it using Javascript, but when I try to execute my code, I get the following error: SecurityError: Blocked a frame with origin "…

Read More
jQuery/JavaScript: accessing contents of an iframe

I would like to manipulate the HTML inside an iframe using jQuery. I thought I'd be able to do this by setting the context of the jQuery function to be the document of the iframe, something like: $(function(){ //document ready $(…

Read More