HTML form and onlclick window.open

Dev Shed Forums Sponsor:

March 14th, 2006, 02:18 PM

robburne

Registered User

Join Date: Mar 2006

Posts: 14

Time spent in forums: 2 h 20 m 59 sec
Reputation Power: 0

HTML form and onlclick window.open

Hi,

I have a simple html form which when submitted I want to popup a new window which I can control the size of. Further, in the popup window I want to be able to access the form data.

This is what I have done so far......

Code:

Original - Code
<form> <input type=text name=email size=27> <input class=button type="image" src="images/submit.jpg" onClick="window.open('send.php?subscribe=1', 'newWindow','width=300,height=150,'+'status=no,toolbar=no,menubar=no')"> </form>

<form>
<input type=text name=email size=27>
<input class=button type="image" src="images/submit.jpg" onClick="window.open('send.php?subscribe=1', 'newWindow','width=300,height=150,'+'status=no,toolbar=no,menubar=no')">
</form>

When I submit the popup windows opens correctly and I am trying to access and output the two variables with php as follows:

Code:

Original - Code
$email = $_POST["email"]; $subscribe = $_GET["subscribe"]; echo $email $subscribe;

$email = $_POST["email"]; 
$subscribe = $_GET["subscribe"]; 
          
echo $email $subscribe;

Only the 'subscribe' variable which is passed in the url outputs correctly. [I]So my question is how do I accesss the variable input by the user into the form from the original page.[/I]

Many thanks in advance.

Rob.

March 14th, 2006, 02:53 PM

Michael2003

Contributing User

Join Date: Dec 2003

Posts: 1,037

Time spent in forums: 1 Week 5 Days 14 h 20 m 3 sec
Reputation Power: 25

1. Use the onsubmit event on the <form> instead of onclick on the <input>
2. Set the target of the form to newWindow.
3. Specify the method of the form to either GET or POST.

March 14th, 2006, 05:10 PM

robburne

Registered User

Join Date: Mar 2006

Posts: 14

Time spent in forums: 2 h 20 m 59 sec
Reputation Power: 0

Thanks for the reply, this is what I have now:

Code:

Original - Code
<form method="POST" target="newWindow" onSubmit="window.open('send.php?subscribe=1', 'newWindow','width=300,height=150,'+'status=no,toolbar=no,menubar=no')"> <input type=text name=email size=27> <input class=button type="image" src="images/submit.jpg"> </form>

<form method="POST" target="newWindow" onSubmit="window.open('send.php?subscribe=1', 'newWindow','width=300,height=150,'+'status=no,toolbar=no,menubar=no')">
                                <input type=text name=email size=27>
                                <input class=button type="image" src="images/submit.jpg">
                              </form>

Then on the popup I have this:

Code:

Original - Code
$email = $_POST["email"]; $subscribe = $_POST["subscribe"]; echo $email $subscribe;

$email = $_POST["email"]; 
$subscribe = $_POST["subscribe"]; 
          
echo $email $subscribe;

However when I submit the form all that happens is the pop up open with the original page and not the intended popup.

I am confused!

Thanks,

Rob.

March 14th, 2006, 05:29 PM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,831

Time spent in forums: 6 Months 1 Day 19 h 36 m 53 sec
Reputation Power: 4192

You need to use the action attribute of form.

Code:

<form method="POST" action="send.php?subscribe=1" target="newWindow" onSubmit="window.open('', 'newWindow','width=300,height=150,'+'status=no,toolbar=no,menubar=no')">

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

March 14th, 2006, 05:45 PM

robburne

Registered User

Join Date: Mar 2006

Posts: 14

Time spent in forums: 2 h 20 m 59 sec
Reputation Power: 0

Thanks guys, you're stars but it does not take me to telll you that!

I had been working on this for ages, all working great now.

Many thanks!

Rob.

HTML form and onlclick window.open

Developer Shed Advertisers and Affiliates