Passing Variable from child popup window to parent popup window

Question

Passing Variable from child popup window to parent popup window

3.9k views Asked by AudioBubble At 15 June 2015 at 04:40

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.

Original Q&A

There are 1 answers

**T.J. Crowder** · Accepted Answer · 2015-06-15 04:45:19

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>

TechQA.

Passing Variable from child popup window to parent popup window

There are 1 answers

Related Questions in JAVASCRIPT

Related Questions in JSP

Related Questions in JSP-TAGS

Popular Questions

Popular Tags

Trending Questions