How to define javascript variable from within a iframe

Question

I have an iframe with that needs to change a global variable in the parent page.

I tried

parent.myvar = "myvalue";
parent.myfunction();

However, it's not working for me. The function executes but the variable remains unchanged.

EDIT: both the iframe and the parent are in the same domain.

possible duplicate of [Set variable in parent window from iframe](http://stackoverflow.com/questions/1301540/set-variable-in-parent-window-from-iframe) — George, Aug 16 '13 at 09:17
Your code works as it is. If you're using Chrome and run this in a local machine, you need to see [this SO answer](http://stackoverflow.com/questions/5660116/unsafe-javascript-attempt-to-access-frame-in-google-chrome). Notice also, that it's possible, that the function within `iframe` is not executed at a time you use `myvalue` in the main window. This appears for example if you read `myvalue` within `$(document).ready();` in the main window, or have placed your at parsing time executed script just before closing `body` tag. — Teemu, Aug 16 '13 at 10:01

score 1 · Answer 1 · answered Aug 16 '13 at 09:17

1

Not possible if the iframe and the main document are not in the same domain.

If iframe and main document are in the same domain, you can access their global variables. Try this maybe.

document.getElementById('iframeid').contentWindow['myvar'];

answered Aug 16 '13 at 09:17

geekchic

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

0

// set the global variable 'foo' in the parent global scope
parent.foo = 'bar';

edited May 23 '17 at 12:10

Community

answered Aug 16 '13 at 09:16

basarat

2 Answers2