Changing value of input in parent document

**CyberAlien** · Jun 3, 2011 06:17

I have the following structure:

Code:

<html><body>
...stuff ..
<input id="test-input" type="text" />
<iframe id="test-frame" src="whatever.php" />
.. more stuff ..
</body></html>

I need to change value of "test-input" from within that iframe. Typically I'd use

Code:

parent.document.getElementById('test-input').value = 'whatever';

but the problem is, iframe and document are on different domains, so I can't access parent.document

Is there some workaround for it? I have full access to both top and iframe document, so can add any javascript to both.

**paul_wilkins** · Jun 3, 2011 15:20

Originally Posted by CyberAlien

Is there some workaround for it? I have full access to both top and iframe document, so can add any javascript to both.

Can the child execute a parent function, that changes it instead?

**CyberAlien** · Jun 3, 2011 15:33

Tested it, parent function can't be executed. Getting error "permission denied to access property 'testFunction'"

**paul_wilkins** · Jun 3, 2011 15:42

You may require a cross-domain communication solution then, one of which is easyXDM

**CyberAlien** · Jun 3, 2011 15:44

Thanks!

User Tag List

Thread: Changing value of input in parent document

Thread Tools

Display

Changing value of input in parent document

Bookmarks

Bookmarks

Posting Permissions