469,927 Members | 1,965 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,927 developers. It's quick & easy.

Pass variable to parent window and update the form filed

Hi,

I am doing a web based project for my graduation. I studied bit of java
for backend processesing and javascript for the client. Here is the
scenario.

In the FORM, I use INPUT TYPE=text VALUE=" " NAME=cat, and a gif next
to it. User will click on the icon to get a new window. In the new
window, the user selects a value from the pull down menu (created by
servlet from back end) and clicks OK. The value is passed back to the
opener window to variable cat. Upto this point my code works. I can see
that the variable cat changes.

Question
How can I display the values of these variables into the fields of form
which is already loaded? May be a simple one, but me being a beginner,
I am stuck for more than 24 hours. Please help. My project dead line is
just three days away.

Thanks in advance.

Here is the test code (knowledge gained from internet) I have written
for this task.

=== Code in OPENERWINDOW.HTML ===============
<HTML>
<HEAD>
<TITLE>Open New Window</TITLE>

<SCRIPT LANGUAGE="JavaScript">
function showvar () {
document.write("<BR><BR>");
document.write("Value of variable parentvar is " + parentvar +".");
document.write("<BR><BR>");
}
</SCRIPT>

</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var parentvar = "Parent";
document.write("Value of variable parentvar is " + parentvar +".");
document.write("<BR><BR>");
</SCRIPT>


<FORM ACTION="temp.html" METHOD="POST">
<div id="Parent_var" class="FieldText"> </div> <INPUT TYPE="text"
id="Parent_var" NAME="parentvar" VALUE="Parent">
<INPUT TYPE="Button" VALUE="Get value from New Window" NAME="popup"
onClick="window.open('popup.html') ">
<INPUT TYPE="Button" VALUE="Next" NAME="returned" onClick="showvar
(parentvar) ">
</FORM>

</BODY>
</HTML>
==== Code from POPUP.HTML =============
<HTML>
<HEAD>
<TITLE>Pop Up Window</TITLE>

<SCRIPT LANGUAGE="JavaScript">

function sendVar (parentvar) {
document.write (" <BR><BR> Current Value of parentvar is " + parentvar
+ ".");
opener.parentvar = parentvar;
self.close()
}

</SCRIPT>

</HEAD>

<BODY>

<form method="POST" action="submitted.html" name="Newform">
<table border="0" cellpadding="0" width="550" id="table1">
<tr>
<td width="340" align="left"><font
color="#FF0000">parentvar</font></td>
<td width="10">&nbsp;</td>
<td width="200"><input type="text" name="parentvar" size="30"
tabindex="1"></td>
</tr>
</table>
<INPUT TYPE="Button" VALUE="Send to Parent Window" NAME="Click"
onClick="sendVar (parentvar.value)">
<! <INPUT TYPE="Button" VALUE="Close Window" NAME="closwin"
onClick="self.close()"> ->
</FORM>
</BODY>
</HTML>

Jul 23 '05 #1
2 9009
Jc
um****@yahoo.com wrote:
Question
How can I display the values of these variables into the fields of form
which is already loaded?


The FAQ for this group may be of help:
http://www.jibbering.com/faq/#FAQ4_13

You can dynamically change properties of HTML elements even after the
page has loaded through javascript. For example, you want to change the
value property of a form element:
http://msdn.microsoft.com/library/de...es/value_1.asp

Jul 23 '05 #2
Hi JC

That was really help on time. I should have applied my mind more on
reading rather than codeing. I added
document.forms.newWindow.parentvar.value=parentvar . That worked. Thanks
a lot.

Jul 23 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by cksj | last post: by
6 posts views Thread by mkobus | last post: by
1 post views Thread by Bill Borg | last post: by
14 posts views Thread by =?Utf-8?B?Umljaw==?= | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.