How to listen submit event from popup window to parent page- cross domain

Question

I want to listen click/submit event from popup window to parent page. Here below code works if both parent and popup window belongs to same domain say http://localhost (check below commented line in code) but it will not call eventHandler method if popup has different domain say echosign.com. In below code parent window is localhost or anything other than popup.

var newWindow;
function OpenPopup() {
    //newWindow = window.open("http://localhost:21930/Popup.htm", "PopupWindow", "width=300,height=100");
    newWindow = window.open("https://secure.echosign.com", "PopupWindow", "width=300,height=100");
    if (newWindow.addEventListener) {
        newWindow.addEventListener('click', eventHandler, false);
    } else {          
        newWindow.attachEvent('onclick', eventHandler);
    }
}

function eventHandler(e) {
    if (e.currentTarget.origin == "https://secure.echosign.com") {
        console.log("Event from Adobe Sign!", JSON.parse(e.data));           
    } else {
        console.log(e.currentTarget.origin);           
    }
}

Try this answer: https://stackoverflow.com/questions/3457391/how-do-you-use-window-postmessage-across-domains — MNOor, Nov 11 '17 at 12:14
That is part of *"same origin poilicy"* security restrictions — charlietfl, Nov 11 '17 at 12:32

score 0 · Answer 1 · answered Nov 11 '17 at 12:50

0

If you have control on both domains you can set the headers to accept the other domain.

Access-Control-Allow-Origin: http://localhost

answered Nov 11 '17 at 12:50

MNOor

36
1
4

Thanks for reply: I don't have any control on popup window domain. but as security wise we allowed this domain to our project. – ADP Nov 11 '17 at 13:01

How to listen submit event from popup window to parent page- cross domain

1 Answers1