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 — George
– George, Commented Aug 16, 2013 at 9: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. 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
– Teemu, Commented Aug 16, 2013 at 10:01

geekchic · Accepted Answer · 2013-08-16 09:17:09Z

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, 2013 at 9:17

geekchic

2,4514 gold badges31 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:10:04Z

0

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

CommunityBot

11 silver badge

answered Aug 16, 2013 at 9:16

basarat

278k60 gold badges475 silver badges528 bronze badges