Best way to fire an event in the opener from a popup

TH · Dec 4, 2006

Hi there

What's the best way for a popup to cause an event to fire in the
opener? I've got a popup which currently returns a value to the opener
by setting a hidden input in the opener:

window.opener.document.forms[0].myHiddenField.value=returnValue;
window.close();

I then want the opener window to perform some work on the returned
value. The best I've come up with so far is to put a button on the
opener page, try to hide it with css, give it an onclick value which
calls the function I want to run, then have the popup click it:

window.opener.document.forms[0].myHiddenField.value=returnValue;
window.opener.document.forms[0].myHiddenButton.click();
window.close();

Is there any less clunky method than using an invisible button like
this?

Thanks, TH.

pangea33 · Dec 4, 2006

TH said:
Hi there

What's the best way for a popup to cause an event to fire in the
opener? I've got a popup which currently returns a value to the opener
by setting a hidden input in the opener:

window.opener.document.forms[0].myHiddenField.value=returnValue;
window.close();

I then want the opener window to perform some work on the returned
value. The best I've come up with so far is to put a button on the
opener page, try to hide it with css, give it an onclick value which
calls the function I want to run, then have the popup click it:

window.opener.document.forms[0].myHiddenField.value=returnValue;
window.opener.document.forms[0].myHiddenButton.click();
window.close();

Is there any less clunky method than using an invisible button like
this?

Thanks, TH.

Just execute the same method that the button does when clicked. For
instance if it calls "fDoStuff()" in the onclick event, just call it
from the child window like this: window.opener.fDoStuff();

*** popTest.php ***
<html>
<head>
<script language="javascript">
function fDoStuff() {
alert(document.forms[0].myHiddenField.value);
}
function fPopIt() {
window.open('popTest2.php', 'mywin');
}
</script>
</head>
<body onload="fPopIt();">
<form>
<input type="hidden" name="myHiddenField" id="myHiddenField">
</form>
<body>
</html>

*** popTest2.php ***
<html>
<head>
<script language="javascript">
function fDoStuff() {
window.opener.document.forms[0].myHiddenField.value='bennie';
window.opener.fDoStuff();
self.close();
}
</script>
</head>
<body onload="fDoStuff();">

<body>
</html>

TH · Jan 4, 2007

Cheers pangea!

maintain opener property after refresh/reload of popup	3	Oct 6, 2008
Positioning a popup	1	Oct 10, 2020
Is there a way to pass this state from component to the fetch?	1	Apr 24, 2023
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
What is the best way of going about recreating the setTimeout() function?	0	Sep 2, 2022
Popup HTML help	5	Nov 28, 2019
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
Closing Popup After Submit to opener	1	Dec 15, 2006

Best way to fire an event in the opener from a popup

TH

pangea33

TH

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads