Javascript >> windows

How to pass data back and forth between two windows?

Visitor Ratings (6) :

Description

The following example, we have 2 files. test.html & test2.html.

In the file test.html we open a new window (test2.html) which contains a form. Then On changing the list values, we sets up a form field using window.opener property.

Code

Select All

test.html
=============================
<HTML>
<HEAD>
<SCRIPT>
var dialogArguments;
function getValue (field) {
 dialogArguments = field;
 open ('test2.html', 'popup', 'width=250,height=100,scrollbars=1'); 
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm">
<INPUT TYPE="text" NAME="aText">
<INPUT TYPE="button" VALUE="view options" ONCLICK="getValue(this.form.aText)">
</FORM>
</BODY>
</HTML>
---------------------------------------------------

test2.html
====================================
<HTML>
<HEAD>
</HEAD>
<BODY>
<TABLE WIDTH="100%" HEIGHT="100%">
<TR>
<TD ALIGN="center" VALIGN="middle">
<FORM NAME="aForm">
<SELECT NAME="gods"  ONCHANGE="window.opener.dialogArguments.value = this.options[this.selectedIndex].value; window.close()">
<SCRIPT>
var html = '';
html += '<OPTION SELECTED>Please select fromthe menu ' +   
window.opener.dialogArguments.name;
document.write(html);
</SCRIPT>
<OPTION VALUE="Pizza">Pizza
<OPTION VALUE="Pasta">Pasta
</SELECT>
</FORM></TD>
</TR>
</TABLE>
</BODY>
</HTML>