JScript and multiple windows

Quick209 · February 10th, 2006, 08:49 PM

Hey everyone, it is the coder that likes try and code web pages like native windows apps hehe. Anyway, I am working on a fancy little asp.net 2.0 page for laptop chekcouts and I want to be able to say from a popup window transfer data via jscript from the fields in the popup window to the parent window. Basically, here is an example of one way I can do it but instead of me having to do another event on the parent page to read the data, I want the event to run on the popuyp page and transfer the data to the parent. maybe this will make more sense.
Here is one way I know to do it.

var newwindow;
function pageOpenRead()
{
     newwindow = window.open("Popup.htm");
     document.getElementById("txtOutput").value =
     newwindow.document.getElementById("txtInput").valu e;
}

Basically this is how I would do a popup page and I have a reference to the new window but from the new window I do not know the reference back to the parent so i can only really write code fro mthe parent to the popup using the reference while in the popup I do not have one or do not know the reference back to the parent.

longjava · February 11th, 2006, 11:45 AM

You can use the 'opener' property of window object to reference back to the parent window.
Here is a example of how the new window(page2.html) getting the data from the parent window(page1.html) and print it out in the text field:

page1.html
----------
<html>
<head>
<script type='text/javascript'>
function openNewWindow()
{
   var newWnd = open( 'page2.html', 'Page2' );
}
</script>
</head>
<body>
<a href='#' onclick='openNewWindow()'>Click here to open new window</a>
<form name='myForm'>
  <input type='hidden' name='color' value='Green'>
</form>
</body>
</html>

page2.html
----------
<html>
<head>
<script type='text/javascript'>
function getDataFromParentWindow()
{
   var colorVal = window.opener.document.myForm.color.value;
   document.myForm.color.value = colorVal;
}
</script>
</head>
<body onload='getDataFromParentWindow()'>
<form name='myForm'>
  Color: <input type='text' name='color' value=''>
</form>
</body>
</html>

I wrote these scripts without testing them so you might find the syntax errors while try them out.
Hope this help.

Quick209 · February 11th, 2006, 01:28 PM

Thanks alot, that is exactly what I was looking for.
:)