Hello, I have a page with two buttons, one Button opens a popup window with the next function:
function MM_openBrWindow(theURL,winName,features) { //v2.0
my_window=window.open(theURL,winName,features);
}
and I need to detect from that window(my_window) when the second button in the parent page is clicked and raise an alert.
How can I do that?
Thanks in advance.
Carlos
You would do my_window.alert("hey") in the click event for the second button in the parent window. If you want to access the parent window from the child window (to add an event, for example), use window.opener in the child window.
button2.onclick = function (e) {
my_window.buttonTwoHasBeenClicked(); // this is defined in the child window.. once executed it means the button has been clicked.
}
If you want to define the event from within the child window:
// put this in your child window javascript source
// also change "button2" to whatever your second button's ID is.
window.opener.getElementById("button2").onclick = function () {
alert("button has been clicked on parent window");
}
You need to put code on the child window using window.opener, like this:
function registerWithParent() {
window.opener.registerCallback(myCallback);
}
you can call than on body onload event.
<body onload="registerWithParent()">
Then you have JS code on the parent window like this:
var theCallback;
function registerCallback(fn) {
theCallback = fn;
}
Then your HTML on the parent is like:
<input type="button" onclick="theCallback()" value="The 2nd button">