pass value to new window 1

[skibascott]

I am opening a new window with this code:

newWin = window.open('standards.htm', 'standards');

This standards.htm doc is an existing doc with more code in it. I need to use the values of four text fields in standards.htm. Can I reference these fields with javascript code? Or do i need to pass them somehow?

Thank you.

 

[cLFlaVA]

simple example:

var newWin = window.open('standards.htm', 'standards', '');
alert(newWin.forms['myForm'].elements['myTextBox'].value);

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[tgreer]

You can build a query string for your window.open statement.

var myQS = "?myTextBox=" + document.getElementById("myTextBox").value;

var newWin = window.open('standards.htm'+myQS, 'standards', '');

Then your standard.htm page would process the querystring using the "location.search" object.

Or, standard.htm could directly interrogate the values from the parent page, by using "self.opener":

window.alert(self.opener.document.getElementById('myTextBox').value);

That code in the child window would display the value of "myTextBox" from the parent window.



Thomas D. Greer

http://www.tgreer.com

http://www.brownfedora.com

Providing PostScript & PDF
Training, Development & Consulting

 

[skibascott]

Could you please explain this a bit?

 

[skibascott]

I am looking for an explanation about clflava's post.

 

[cLFlaVA]

are you trying to take values from the main page and use them in standards.htm, or are you trying to use values from standards.htm in the main page?

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[cLFlaVA]

say standards.htm has a form:

<form name="f">
  <input type="text" name="t" value="something" />
</form>

now lets say in your main page, you have one button that does this:

<input type="button" name="b" onclick="doMyThing();" value="open window" />

and a function (with a global variable):

var myWin;
function doMyThing() {
    myWin = window.open('standards.htm','standards','');
}

and a second button:

<input type="button" name="b2" onclick="alert(myWin.document.forms['f'].elements['t'].value);" value="show value" />

Does this clarify anything?

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[skibascott]

I am trying to use variables from the main page in standards.htm.

Thanks.

 

[cLFlaVA]

refer to tgreer.

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[skibascott]

I thank both of you for your suggestions. I used the "self.opener" code to reference the variables. Works great.