tags:

views:

115

answers:

4
+2  Q: 

execute javascript function in a another iframe when parent is from different domain.

The page A.com has 2 iframes B.com/page1 and B.com/page2. This is the code of A.com:

<html><body>
    <iframe src="b.com/page1" name="iframe1" id="iframe1">
    <iframe src="b.com/page2">
</body></html>

I want to execute js function on B.com/page1 from B.com/page2. Both examples below works well when the parent is from the same domain but not in cross domain scenario:

parent.window.frames['iframe1'].SomeFunction(args);

or

parent.document.getElementById('iframe1').contentWindow.SomeFunction(args);

Is there any way to do it?

+2  A: 

No, the browser doesn't allow interacts between iframes that are not on the same domain at all.

Aaron Harun  2010-06-13 15:32:30
Just to make it clear. Although the 2 iframes are from the same domain there is no direct way for them to interact because the parent is from different domain?
Frushko  2010-06-13 18:20:22
No, because the iframes can only "talk to" each other through the parent frame, and the frames can't access the parent frame from a different domain.
Aaron Harun  2010-06-13 18:24:23
Actually, this is incorrect. He only needs to change `parent.window.frames` into `parent.frames`
Sean Kinsey  2010-06-14 08:54:54
Sean, it works!
Frushko  2010-06-14 11:19:18
Of course it works ;)
Sean Kinsey  2010-06-14 11:26:04
A: 

As Aaron have already told you, browsers don't allow this, but there are ways around it. You'll need to create a small hack. Eugene Gladyshev has a post on it on his blog.

Gert G  2010-06-13 15:46:59
A: 

As Aaron states, it is not allowed to interact between iframes, but you should take a look at easyXDM, it helps with cross domain communication in javascript:

http://easyxdm.net/wp/

Here is the example you might be looking for:

http://easyxdm.net/wp/2010/03/17/sending-and-receiving-messages/

favo  2010-06-13 21:41:25
+1  A: 

Instead of 

parent.window.frames['iframe1'].SomeFunction(args);

use

parent.frames['iframe1'].SomeFunction(args);

You are allowed to traverse the frames collection of any window that you can reference, but in this case you are trying to traverse the recursive window property of parent (which IS the window). This is not allowed.

Sean Kinsey  2010-06-14 08:56:54

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript