How to send value of textbox input to popup window ?

method · #1 (**permalink**) 06-13-08, 01:39 AM

Hi all i got a textbox and i allow the user enter some value and hit the submit. On submit i want that value be passed to javascript and that javascript opens a popup window along with that value. I have done most of the part only don't know how to pass value of text box to javascript on click of submit. I be happy if some one help with it.

Note : i don' want the form get redirected to new page !!

HTML Code:

<form method="POST" action="--WEBBOT-SELF--">
  
  <input type="text" name="T1" size="20"><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

Code:

<script language="javascript">


function newWindow(url) { 
	var x,y;
	x = screen.width-35;
	y = screen.height-30;
	var win = window.open(url,'glossaryWindow','toolbar=no,directories=no,width=500,height=500'+
	'screenX=0,screenY=0,top=0,left=0,location=no,status=no,scrollbars=no,resize=yes,menubar=no');
}  

// Start of Playme Function
function playme()
{
tempUrl ='';
url = '';


	//alert(tempUrl);
	url = "./player.php?songid=" + tempUrl.replace(/,$/,"");

	newWindow(url);
	return false;
}		
// End of Playme Function	
// -->	
</script>

Nico · #2 (**permalink**) 06-13-08, 03:11 AM

http://www.javascriptkit.com/script/...rm2popup.shtml

method · #3 (**permalink**) 06-13-08, 11:21 AM

Thanks nico for pointing me to that link. But that example doesn't show me how to pass the inserted value to that popup window Just like popupwindow.php?value=23232

TwoD · #4 (**permalink**) 06-13-08, 06:44 PM

If you wish to interact directly with the new window, you can do so through the reference returned by window.open(). In this case the win variable.
If you put

JavaScript Code:

win.myVarA = "Hello";

in the newWindow method, there will be a global variable named myVarA with the value "Hello" in the scope of the new window, and you can use it as any other variable inside that window.

Of course, you can also interact with the new window from the opener window by making the win variable global, as it's now going out of scope right after the window was created and it's tricky to get it back, if it can be done.

You're a bit unspecific about what you want to do with the value once it's in the new window, and exactly which value you wish to pass, so I'm not sure what you want. Any extra info you can specify makes it easier to find a suitable solution

.

mariowowo · #5 (**permalink**) 06-17-08, 02:21 PM

Also can do this from newWindow:

JavaScript Code:

<script>
function test()
{
document.[FormName].[newWindowTextBoxName].value=window.opener.document.GetElementByID('textboxID').value
</script>

And:

HTML Code:

<body onload="javascript:test();">

think that works...