Popup window to return data to parent on close
I've got a popup window opened using window.open()
. What I want now is for a user to be able to click one of 2 links within this new window: "Allow" or "Don't Allow".
When a user clicks one of those links the 'popup' window should close, and return either "allow" or "don't allow" or something along those lines, true
/false
would do, to the parent window.
Is it possible? If so, how?
Code:
var authWindow = window.open('auth.php', 'authWindow', 'options...');
Then just 2 anchors inside auth.php
?
In the calling (parent) window add such JS code:
function HandlePopupResult(result) {
alert("result of popup is: " + result);
}
In the child window code add this:
function CloseMySelf(sender) {
try {
window.opener.HandlePopupResult(sender.getAttribute("result"));
}
catch (err) {}
window.close();
return false;
}
And have such links to close the popup:
<a href="#" result="allow" onclick="return CloseMySelf(this);">Allow</a>
<a href="#" result="disallow" onclick="return CloseMySelf(this);">Don't Allow</a>
you can use window.opener
for this.