passing values from a pop-up

Guest_imported · May 16, 2001

Hello -

Is it possible to pass values from an input form in a pop-up window back to a form in the parent window with javascript? - I've been playing around all day - but if someone could point me to some sample code, I'd be greatly appreciative. Basically the below outlines it -

<form action="cgi.cgi">

<tr><td align=center WIDTH="200" BGCOLOR="#F8F1F1">Individual Vendor ID Number (add '1' to previous)</a></td>
<td><input type=text name="vendor_number" size=25></td></tr>

<script language="JavaScript">

function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0&quot

{
location=form.select1.options[myindex].value;}
}
//-->
</SCRIPT>

<script language=javascript
type="text/javascript">

function newWindow(open) {

mailWindow = window.open(open,'mailWin','width=300,height=300,toolbar=no,resize=yes,scrollbars=yes location=yes')

mailWindow.focus()

}

</script>

<SELECT NAME="select1" onChange="surfto(this.form)" SIZE=1>
<OPTION SELECTED VALUE="0">Does the vendor offer any special items?
<option value="javascript:newWindow('

http://www.net.net/htm.htm')">Yes

<option value="">No
</SELECT>

<tr><td align=center WIDTH="200" BGCOLOR="#F8F1F1">Phone Number</a></td>
<td><input type=text name="phone" size=25></td></tr>

<tr><td align=center WIDTH="200" BGCOLOR="#F8F1F1">Contact Email Address</a></td>
<td><input type=text name="email" size=25></td></tr>

<input type="submit" value="Enter item in database">

From the drop down, a window pops-up if the person selects "yes" - for the person to fill out an additional form of input options, if and only if they pick 'yes' from the drop-down menu.

So - my question is, once they fill out the form on the pop-up window, can someone tell me how to get those input entries back into the original form so they will be processed with other entry items?

Thanks so much!

Nathan

mackey333 · May 16, 2001

Well, you can use window.opener.formName etc... to access your form, then you can go from there. Or, you can disable the extra stuff with document.formName.elementName.disabled = true; and then to enable them: document.formName.elementName.disabled = false;

hope that helps... -Greg :-Q

GIGN · May 16, 2001

You can grab them from a pop-up by just setting the appropriate form values - you can even call a function which resides in the original window.
The original window which spawns the pop-up is called the opener, not the parent. So from the pop-up you can actually just call something like:

opener.formName.formElement.value = formelem.value;

opener.document.formName, and opener.formName are equivalent.

By wrapping all that red stuff in a function in the opener - it saves you writing it to the new page -just a bit of convenience. e.g.

function insertThis(location,value){
document.F1.elements[location].value = value;
}

and this is called from your pop-up using opener.insertThis() - location is the name of the form element who's value you want to set(passed in quotes), and value is the value from the pop-up's form.
b² - benbiddington@surf4nix.com

link9 · May 16, 2001

not to contradict what bangers has said -- but here is a very simplified working version of this in a FAQ:

faq216-692

Paul Prewett

Guest_imported · May 17, 2001

Guys,

Thanks - that was really helpful. I've gotten the javascript to work for text values; however, I'm needing to pass the values back to the opener window as hidden, so I've go the same syntax as in the FAQ that link9 pointed me to; however, what extra code would I add to make this work for hidden values? For example, this works for the following -

(the opener Window)

<html>
<head>
<title>IRC Database Management</title>

<script language="javascript">
function openMe(){
var x = window.open('add_item.htm', 'newWindow');
}
</script>

</head>
<form name="place"

<input type=text name=theBox>
<input type=hidden name=window>

</form>
</html

(the pop-up window)

<HTML>
<HEAD>
<TITLE>Deluxe Advertising Entry Form</TITLE>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">

<script language=javascript>
function setOther(){
window.opener.place.theBox.value = document.myForm.thisBox.value;
window.opener.place.window.value = document.myForm.window1.value;
}
</script>
</head>
<body>
<form name=myForm>
<input type=text name=thisBox>
<input type=text name=window1>
<input type=button value="Click Me" onClick="setOther();">

</form>
</html>

When I do this, the "thisBox" field is passed to the "theBox" field in the opener, but I can get the "window1" field in the pop-up to pass to the hidden "window" field in the opener.

I really appreciate any help - and thanks in advance and for everything so far!

Nathan

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

passing values from a pop-up

Guest_imported

New member

mackey333

Technical User

GIGN

Programmer

link9

Programmer

Guest_imported

New member

Similar threads

Part and Inventory Search

Sponsor