Question

115

Popup window to return data to parent on close

rated 0 times [ 119] [ 4] / answers: 1 / hits: 81473 / 13 Years ago, tue, february 14, 2012, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

miles

Add To Favorites

Follow

Total Points: 256

Total Questions: 111

Total Answers: 104

Location: Benin

Member since Fri, Mar 24, 2023

1 Year ago

miles questions

1 TypeError: Cannot read property 'then' of undefined Jest and Nest

Sun, Jan 30, 22, 00:00, 2 Years ago

1 Example: Doughnut | Error: Uncaught ReferenceError: Utils is not defined

Tue, Apr 27, 21, 00:00, 3 Years ago

1 How to block typing e and - characters in React Hook Form input?

Fri, Apr 9, 21, 00:00, 3 Years ago

1 Environment variables in svelte + rollup

Mon, Jun 29, 20, 00:00, 4 Years ago

1 How to calculate the time left in days, hours, minutes, and seconds left to reach certain day?

Mon, Jun 22, 20, 00:00, 4 Years ago

View All

answered 13 Years ago tomas · Accepted Answer

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>