How to call function in main window from iframe?

Question

The first, i known this question it's duplicated with other questions. But i tried to do following many samples from many issues in stackoverflow but it didn't work. I couldn't call function of main window from iframe but if i use frame tag it's work.

I tried like this.

main window:

<body>
<iframe src='test.html'></iframe>
<script>            
    var alertFunc = function(){
        window.alert("work!");
    }   
</script>
</body>

test.html

<body>
    <input type="button" onclick="window.parent.alertFunc();" value="Test" />
</body>

Error messages from console.

Unsafe JavaScript attempt to access frame with URL file:///C:/.../index.html from frame with URL file:///C:/.../test.html. Domains, protocols and ports must match.
 test.html:30
Uncaught TypeError: Cannot call method 'alertFunc' of undefined

And many forms similar to this.

Do you have any ideas? or I did somethings wrong?

Try this: http://stackoverflow.com/questions/2161388/iframe-function-calling-from-iframe-to-parent-page-javascript-function — blackpg, Mar 15 '13 at 02:43
it is because of the [same origin policy](http://www.w3.org/Security/wiki/Same_Origin_Policy), if you deploy the site in a tomcat or any other web server other than accessing it from local file system it should work — Arun P Johny, Mar 15 '13 at 03:02

score 0 · Accepted Answer · edited May 23 '17 at 12:15

0

It looks like you are accessing the files from file system directly like c:.....\page.html.

The error because of the same origin policy, if you deploy the site in a tomcat or any other web server other than accessing it from local file system it should work, assuming both files are from the same domain space.

If the main page(with iframe) and the iframe page is in the same directory or if the iframe page is a subdirectory of the main page directory it will work in FireFox.

The above will not work in chrome you need to start chrome with the flag --allow-file-access-from-files

edited May 23 '17 at 12:15

Community

1
1

answered Mar 15 '13 at 03:04

Arun P Johny

384,651
66
527
531

but i made this application as offline application. How can i solve this? – fronthem Mar 15 '13 at 03:09
which is the browser used? – Arun P Johny Mar 15 '13 at 03:12
try to start chrome with the above flag and test it – Arun P Johny Mar 15 '13 at 03:28
I already tried. I didn't work on Chrome but on Firefox it was work. I ran chrome like this "chrome.exe --allow-file-access-from-files" on Windows cmd. It's correct. Isn't it? – fronthem Mar 15 '13 at 03:51
it is working for me, which is the os and chrome version used – Arun P Johny Mar 15 '13 at 03:56
In my chorme short cut's properties I changed the target as `C:\Users\\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files` – Arun P Johny Mar 15 '13 at 03:57

How to call function in main window from iframe?

1 Answers1