Passing Variable to a pop-up using onclick

@orionbrock32Jan 09.2007

Question…..

Using the following line of code is it possible to pass a value from a text box to the popup window?

[code=html]<input type=”text” name=”vessNam”> <script language=”javascript”> var lookup = booking.vessNam.value </script> <a onclick=”window.open(‘popup-picker-demo.html?ID=lookup’,’popuppage’,’width=700,height=200,top=100,left=100′);”>open</a>[/code]

I have a huge db that i am trying to search but it is killing my main page so my idea was to use a like search in asp on a popup page using the text entered into a text box on the main page. I then use js to send that value back to main page.

any help appreciated.

to post a comment

JavaScript

11 Comments(s) _↴

@FangJan 09.2007 — #Reference the value from the child window:opener.document.lookup

@orionbrock32authorJan 09.2007 — #Maybe I should have mentioned how completely inept I am at js.

That being said I think I could use this variable on the child window and place it in a hidden box then pull that value into an asp variable to be used in my query.

Now my next question would be how do I place

opener.document.lookup

in the value of a text or hidden box?

@FangJan 09.2007 — #document.forms[0].hiddenBox.value=opener.document.lookup

@orionbrock32authorJan 10.2007 — #Okay this is what I have on the parent

[code=html]
 <input type="text" name="vessNam">
 <script language="javascript">
 var lookup = booking.vessNam.value
 </script>
 <a onclick="window.open('popup-picker-demo.html?ID=booking.vessNam.value','popuppage','width=700,height=200,top=100,left=100');">open</a>
 [/code]

and what the child looks like

[code=html]
 
 <SCRIPT LANGUAGE="JavaScript">
 
 document.selectform.hiddenBox.value=opener.document.lookup
 
 </SCRIPT>
 
 </HEAD>
 
 <BODY>
 
 <center>
 <form name=selectform>
 
 <input type="text" name="hiddenbox">
 
 [/code]

But I'm still not getting anything. I am sure it has to do with the fact that I am not using the js correctly on the child.

Thanks

@FangJan 11.2007 — #The lookup variable is not updated nor called correctly

&lt;script type="text/javascript"&gt;
 window.onload=function() {
 document.selectform.hiddenBox.value=opener.document.booking.vessNam.value;
 }
 &lt;/script&gt;

@orionbrock32authorJan 11.2007 — #Ok I am still getting nothing, do I need to have some special js on the parent

[code=html]
 <input type="text" name="vessNam">
 <script language="javascript">
 var lookup = booking.vessNam.value
 </script>
 <a onclick="window.open('popup_test.asp','popuppage','width=700,height=200,top=100,left=100');">open</a>
 
 [/code]

[code=html]
 <html>
 
 <HEAD>
 
 <SCRIPT LANGUAGE="JavaScript">
 <!-- Original:  Shawn A. Mann ([email protected]) -->
 <!-- Web Site:  http://www.laughingshaman.com -->
 <!-- Modified By:  Ronnie T. Moore, Editor -->
 
 <!-- This script and many more are available free online at -->
 <!-- The JavaScript Source!! http://javascript.internet.com -->
 
 <!-- Begin
 function sendValue(s){
 var selvalue = s.options[s.selectedIndex].value;
 window.opener.document.booking.vessNam.value = selvalue;
 window.close();
 }
 //  End -->
 </script>
 
 <script LANGUAGE="JavaScript">
 window.onload=function() {
 document.selectform.hiddenBox.value=opener.document.booking.vessNam.value;
 }
 </script>
 </HEAD>
 
 <BODY>
 
 <center>
 <form name=selectform>
 
 <input type="text" name="hiddenbox">
 
 <p>
 <input type=button value="Item Select Item" onClick="sendValue(this.form.hiddenbox);">
 </form>
 </center>
 
 </body>
 
 </html>
 
 [/code]

Probably something simple but any help would be appreciated.

I am getting nothing in the box requested.

@FangJan 11.2007 — #Wrong camel-case in [I]hiddenbox[/I]

@orionbrock32authorJan 11.2007 — #I am an indiot, thanks for the help.

@orionbrock32authorJan 11.2007 — #ok so that works like it is supposed however there is an error in my logic, so now i pose a new question .....

when calling the popup is it possible to include the textbox value in the link

[code=html]
 <a onclick="window.open('popup_test.asp','popuppage','width=700,height=200,top=100,left=100');">
 [/code]

instead of popup_test.asp how would you make it popup_test.asp?name=textbox.value?

@FangJan 12.2007 — #Parent:

&lt;a onclick="window.open('popup_test.htm?id='+booking.vessNam.value,'popuppage','width=700,height=200,top=100,left=100');"&gt;open&lt;/a&gt;

Child:

&lt;script type="text/javascript"&gt;
 window.onload=function() {
 var str=location.search.split('=');
 document.selectform.hiddenBox.value=str[1];
 }
 &lt;/script&gt;

@orionbrock32authorJan 12.2007 — #Sweet sassy molassy, works like a charm.

thanks Fang i appreciate all the help!

Also in #JavaScript _↴

How do I use JavaScript to calculate forms Posting a Javascript Array Redirecting Page

Success!

Help @orionbrock32 spread the word by sharing this article on Twitter...

Tweet This

Passing Variable to a pop-up using onclick

11 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Passing Variable to a pop-up using onclick

11 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

11 Comments(s) _↴

Also in #JavaScript _↴