CODEWITHSUNDEEP
javascript
Stuyvenstein
Stuyvenstein

Reputation: 2447

Send data to separate window javascript

I created a new popup window from an existing page using:

window.open("myUrl","myName","width=200,height=200");

Now on that popup window I have a text input and a button, I want to create an onclick method for the button that sends the text inputs value to the page that created the popup without using a form or php, is this possible?

Upvotes: 2

Views: 3091

Answers (3)

Umesh Aawte
Umesh Aawte

Reputation: 4690

Any open window call forms a get request to new window. This is very simple way that you pass the params you want to send using URL itself like,

var myUrl = "http://example.com/test?myName=" + myName;
window.open(myUrl,"windowName","width=200,height=200");

Now on the page you can get myName as a request parameter. Please try this.

Upvotes: 0

lanzz
lanzz

Reputation: 43208

Assuming both the parent and the new window are on the same domain, you should be able to directly manipulate their JS environment:

var w = window.open("myUrl", "myName", "width=200,height=200");
var e = w.document.getElementById('someId');
// do something with element e

If they are on different domains, you might need to use window.postMessage or other cross-domain messaging techniques, if window.postMessage is not supported by your targeted browsers.

Upvotes: 2

MaVRoSCy
MaVRoSCy

Reputation: 17859

you can use the window.opener keyword

lets say you have a javascript method doSomething(value){....} in your parent class, then from your POPUP you can call the parent function using 

window.opener.doSomething("here is my data from child sent to parent");

UPDATED

Upvotes: 6

Related Questions