Complex Window Communication 3

Ritsuke · May 14, 2002

Hello everyone - Rather large question here having to deal with communication between windows with js.

Here is the code first. (Cleaned for question)

(Parent Page)
--------------
<html>
<head>
<title>Bid Opps</title>

<script language="javascript">
function div2win() {
window.open('pop/div2.htm','divPop','width=900,height=480,scrollbars=yes');
}
</script>

</head>

<body>

<form name=bidForm>
<a href="javascript:div2win();">Division 2</a><br>
<textarea name="div2Box"></textarea>
</form>

</body>
</html>

--------------

(Child Page)
--------------
<html>
<head>
<title>Division 2 Listing</title>

<script language=javascript>
function div2Value(){
window.opener.bidForm.div2Box.value = document.division2.value;
}
</script>

</head>
<body>

<form name=division2>
<input type="checkbox" name="100" value="100">100<br>
<input type="checkbox" name="200" value="200">200<br>
<input type="checkbox" name="300" value="300">300<br>
<input type=submit value="Submit and Close Window" onClick="div2Value(); + window.close();" >
</form>

</body>
</html>

--------------

Essentially the user will be able to click on a link on the Parent Page to open a new window (child page) and choose, from checkboxes, different specializations.

However, when clicking on the Submit button (child page-after choosing specializations) the Parent Window "div2Box" field returns with "undefined" in the text area.

Is there anyway for the Child Page to send back an array of data and post it into that "div2Box" text area on the Parent Page?

Any help would be wonderful. =)

Thank you all - Please let me know if I'm being unclear...Hopefully, I can clear it up if it seems to convoluted.

DeZiner · May 14, 2002

It is my understanding that checkboxes and radio buttons can only evaluate to true or false. To overcome can you use a drop down select box?

Code:

<html>
<head>
<title>Division 2 Listing</title>

<script language=javascript>
	
  function div2Value(){
	var bobjr = document.division2.bob.value;
    window.opener.bidForm.div2Box.value = bobjr;
	
window.close();
  }
</script>

</head>
<body>

<form name=division2>

<select name=&quot;bob&quot;>
	<option value=&quot;100&quot;>100
	<option value=&quot;200&quot;>200
	<option value=&quot;300&quot;>300
	</select>
<input type=submit value=&quot;Submit and Close Window&quot; 

onClick=&quot;div2Value();&quot; >
</form>

</body>
</html>

DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic

anupamkant · May 14, 2002

try this on child window
<html>
<head>
<title>Division 2 Listing</title>

<script language=javascript>
function div2Value(){
for(var i=0;i<document.division2.chk.length;i++)
{
if (document.division2.chk.checked)
window.opener.bidForm.div2Box.value = window.opener.bidForm.div2Box.value + " " + document.division2.chk.value;
}

window.close();
}
</script>

</head>
<body>

<form name=division2>
<input type="checkbox" name="chk" value="100">100<br>
<input type="checkbox" name="chk" value="200">200<br>
<input type="checkbox" name="chk" value="300">300<br>
<input type=submit value="Submit and Close Window" onClick="div2Value(); " >
</form>

</body>
</html>

gnet · May 15, 2002

"Remember that amateurs built the Ark.
Professionals built the Titanic"

who built stonehenge?? i would love to hire them to build my dream home 8).

Ritsuke · May 15, 2002

anupamkant: I cannot seem to get that to function. =(

DeZiner: Unfortunately, the user must be able to choose multiple specializations. =( This is to save space as each division area has 100's of specializations.

Is there a way, perhaps, that each of the checkboxes could be evaluated for being true and if this is so, return the value for the 'true' checkboxes as text to the 'div2Box' textarea on the Parent Page?

So, if the user clicked on the 100 and 200 checkbox, clicked submit, the 'div2Box' would be filled with the value of 100 and 200 or 100+200.

Thank you both for taking the time to help me on this quandary. =)

anupamkant · May 15, 2002

change this if this is the only problem...
var sep="";
if (window.opener.bidForm.div2Box.value != "&quot

sep = "+"
window.opener.bidForm.div2Box.value = window.opener.bidForm.div2Box.value + sep + document.division2.chk.value;

It seems that I could not get you clearly sorry...

Ritsuke · May 15, 2002

Here is how the code is thus far. Something now appears in the "div2Box" - undefined+undefined+undefined

This returns to the textarea reguardless of the checkboxes filled in and continues to fill the textarea (continues to add to itself in groups of three)

Did I some how put the code together wrong? Which is probably what has happened.

Thank you so much for your help so far.

Parent Page
------------

<html>
<head>
<title>Bid Opps</title>

<script language="javascript">
function div2win() {
window.open('pop/div2.htm','divPop','width=900,height=480,scrollbars=yes');
}
</script>

</head>

<body>

<form name=bidForm>
<a href="javascript:div2win();">Division 2</a><br>
<textarea name="div2Box"></textarea>
</form>

</body>
</html>

Child Page
------------

<html>
<head>
<title>Division 2 Listing</title>

<script language=javascript>

function div2Value(){

var sep="";

for(var i=0;i<document.division2.chk.length;i++)
{
if (window.opener.bidForm.div2Box.value != "&quot

sep = "+"
window.opener.bidForm.div2Box.value = window.opener.bidForm.div2Box.value + sep + document.division2.chk.value;

}

window.close();

}

</script>

</head>
<body>

<form name=division2>
<input type="checkbox" name="chk" value="100">100<br>
<input type="checkbox" name="chk" value="200">200<br>
<input type="checkbox" name="chk" value="300">300<br>
<input type=submit value="Submit and Close Window" onClick="div2Value(); " >
</form>

</body>
</html>

Boomerang · May 15, 2002

Hi anupamkant,

In your first post you had [ignore][/ignore] in your code. This causes that from that point the text is italic and that the [ignore][/ignore] don't show up.

See the "tek-tips TGML tags" right below the reply window of this post

You can avoid this by enclosing your code in [ignore] [/ignore] tags like :

[ignore]
your code
[/ignore]

Just to let you know,
Erik

Ritsuke · May 15, 2002

Ahww! That solved the problem, Bommerang! Thank you!

Thank you so very much, anupamkant. Your help has been phenomenal.

And DeZiner: Thank you very much for taking the time to offer an alternate solution.

You all are wonderful!

Here is the final code:

Parent
-------

<html>
<head>
<title>Bid Opps</title>

<script language="javascript">

function div2win() {
window.open('pop/div2.htm','divPop','width=900,height=480,scrollbars=yes');
document.bidForm.div2Box.value = "";
}
</script>

</head>

<body>

<form name=bidForm>
<a href="javascript:div2win();">Division 2</a><br>
<textarea name="div2Box">Please Choose Specilizations</textarea>
</form>

</body>
</html>

Child
-------

<html>
<head>
<title>Division 2 Listing</title>

<script language=javascript>
function div2Value(){
for(var i=0;i<document.division2.chk.length;i++)
{
if (document.division2.chk.checked)
window.opener.bidForm.div2Box.value = window.opener.bidForm.div2Box.value + " " + document.division2.chk.value;
}

window.close();
}
</script>

</head>
<body>

<form name=division2>
<input type="checkbox" name="chk" value="100">100<br>
<input type="checkbox" name="chk" value="200">200<br>
<input type="checkbox" name="chk" value="300">300<br>
<input type=submit value="Submit and Close Window" onClick="div2Value();">
</form>

</body>
</html>

Woohoo!

Ritsuke · May 15, 2002

Is there a possibilty to have this work in Netscape 4.7+ and Netscape 6.2+ ?

anupamkant · May 16, 2002

Thanks Erik and Ritsuke

use this for netscape
window.opener.document.getElementById('div2Box').value

and on parent use
<textarea name="div2Box" id="div2Box"></textarea>

working in both IE and NS.

Ritsuke · May 16, 2002

First, let me thank you again for all the effort you have given towards this.

It seems to be working wonderfully in Netscape 6+ now. Unfortunately, it doesn't seem to function in Netscape 4.7+

Thank you again for all the support. Here's the updated code.

PARENT PAGE
-----------

<html>
<head>
<title>Bid Opps</title>

<script language="JavaScript1.3">

function div2win() {
window.open('pop/div2.htm','divPop','width=900,height=480,scrollbars=yes');
document.bidForm.div2Box.value = "";
}
</script>

</head>

<body>

<form name=bidForm method="post" action="mailto:ritsuke@neowin.net">
<a href="javascript:div2win();">Division 2</a><br>
<textarea name="div2Box" id="div2Box"></textarea>
<input type="submit" name="Submit" value="Submit">
</form>

</body>
</html>

CHILD PAGE
-----------

<html>
<head>
<title>Division 2 Listing</title>

<script language=JavaScript>
function div2Value(){
for(var i=0;i<document.division2.chk.length;i++)
{
if (document.division2.chk.checked)

window.opener.document.getElementById('div2Box').value = window.opener.document.getElementById('div2Box').value + " #" + document.division2.chk.value;
}
window.close();
}
</script>

</head>
<body>

<form name=division2>
<input type="checkbox" name="chk" value="100">100<br>
<input type="checkbox" name="chk" value="200">200<br>
<input type="checkbox" name="chk" value="300">300<br>
<input type="checkbox" name="chk" value="400">400<br>
<input type=submit value="Submit and Close Window" onClick="div2Value(); " >
</form>

</body>
</html> 'you can't depend on your judgement when your imagination is out of focus' - mark twain
'we are all in the gutter, but some of us are looking at the stars.' - oscar wilde

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!

Complex Window Communication 3

Ritsuke

Instructor

DeZiner

Programmer

anupamkant

Programmer

gnet

Programmer

Ritsuke

Instructor

anupamkant

Programmer

Ritsuke

Instructor

Boomerang

Programmer

Ritsuke

Instructor

Ritsuke

Instructor

anupamkant

Programmer

Ritsuke

Instructor

Similar threads

Part and Inventory Search

Sponsor