I have the following structure:
<input id="test-input" type="text" />
<iframe id="test-frame" src="whatever.php" />
.. more stuff ..
I need to change value of "test-input" from within that iframe. Typically I'd use
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
Can the child execute a parent function, that changes it instead?
Tested it, parent function can't be executed. Getting error "permission denied to access property 'testFunction'"
You may require a cross-domain communication solution then, one of which is easyXDM