CODEWITHSUNDEEP
javascriptjspjsp-tags
user5009817
user5009817

Reputation:

Passing Variable from child popup window to parent popup window

I have PopUp window which goes to upload.jsp, which upload the file to directory.

The uploading logic is written in upload.jsp. My problem is I wanted get the saved path to parent popup window textfield.

Upvotes: 3

Views: 4069

Answers (1)

T.J. Crowder
T.J. Crowder

Reputation: 1074238

The child window has a property, opener, which refers to the window that opened it. Provided they're both from the same origin, the child can access global variables on the parent like this:

opener.globalVariable

That means it can access the parent window's document as opener.document, and so can use opener.document.getElementById or opener.document.querySelector to get at elements in the parent window.

Example:

Parent page:

<!doctype html>
<html lang="en">
<body>
<input type="text"><input type="button" value="Click me">
<script>
document.querySelector("input[type=text]").value = Math.floor(Math.random() * 10000);
document.querySelector("input[type=button]").addEventListener(
  "click",
  function() {
    var wnd = window.open("popup.html");
  },
  false
);
</script>
</body>
</html>

Popup page:

<!doctype html>
<html>
<body>
<script>
var field;
if (!opener) {
    display("Not opened as a popup");
} else {
    field = opener.document.querySelector("input[type=text]");
    display("Value is " + field.value);
}

function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
}
</script>
</body>
</html>

Upvotes: 4

Related Questions