CODEWITHSUNDEEP
javascriptcross-domainsubdomainsiblings
GateKiller
GateKiller

Reputation: 75939

Cross-domain JavaScript code with sibling sub-domains

I have two web applications setups:

david.example.com and john.example.com

David opens a new window to John:

window.open('john.example.com');

John would now like to set an input element back on David:

$("#input", window.opener.document).val("Hello David.");

My problem is that this doesn't work on most modern browser because of cross-domain scripting security. I've also tried setting document.domain to different domain combinations both on David and John with no success.

The only time this does work is if John is on example.com and both have document.domain set to example.com. However, example.com is our main website and is not available as a solution.

So is there a way I can do the above example while making the solution works in all modern security conscious browsers?

Notes

Upvotes: 5

Views: 2237

Answers (2)

David Houde
David Houde

Reputation: 4778

You should be able to do this, as long as you set document.domain on both DOM's.

document.domain = location.host.replace(/^.*?([^.]+\.[^.]+)$/g,'$1');

Credited to Martin Jespersen

Upvotes: 8

Marcus Frödin
Marcus Frödin

Reputation: 12892

You can always use iframes for cross domain communication and send messages via the hashbangs. See this for an example. It's basically the workings of stuff like Facebook connect. If one app opens the other window I'm guessing you can do that with normal windows as well.

Upvotes: -1

Related Questions