Passing form data to PHP with Javascript

bdl · 07-02-2002, 10:31 PM

Any thoughts on how to do this? All I want to be able to do is use JS to create a small popup from within the form, passing the arguments of the form to PHP and MySQL. Here's what I have so far:

form.html

Code:

<html>
<head>
<script language="JavaScript"></script>
...
<form method="post" action="form.php">
...
<input type="submit" name="submit" value="submit"
onclick="window.open('form.php', '', 'width=300, height=300');"></input>
</form>
...
</html>

The form.php file is as you would expect, opens a connection with MySQL and enters the form data, and gives you feedback on what you've just entered. It works fine alone, without using JS at all.

[edit]
I should mention that it does actually open a small 300x300 window, but the variables from the form aren't passed at all to the popup.
[/edit]

sde · 07-02-2002, 11:48 PM

well this is how i see it:

when you use the javascript in the submit button, it works just like if it was a link outside a form. that button becomes it's own entity.

for example .. if you make an HTML page (not even a php page) that only contains this:

Quote:

<input type="submit" name="submit" value="submit"

you will notice that this button still opens a new page without even having any <form></form> tags around it.

i'm no javascript expert, but i think there is a resize script you can use for the target page. instead of trying to size the form from the button, there is probably a way to resize it from the target page itself.

for example, after the page opens, it will resize itself to the desired dimensions:

Quote:

that would be your body tag obviously, but i could not find how to remove the toolbar from the page itself .. and not the link from the previous page. .. i looked for a while but could not find a thing.

goood luck, let me know how it goes.

Admin · 07-03-2002, 07:08 AM

try putting your javascript in your <form> tag

bdl · 07-03-2002, 07:12 AM

Quote:

Originally posted by Admin
try putting your javascript in your <form> tag

I thought about that, also. Maybe something like

Code:

<form method="post" action="javascript{onclick="window.open()";}">

[update]

This method is no go also. Thanks for the ideas.

[/update]

sde · 07-03-2002, 08:35 AM

Quote:

This method is no go also. Thanks for the ideas.

hey, did you try my suggestion? i tested it and it works, except you just have to deal with a toolbar.

the form you have to send it from has to look like this:
<form method=post action=nextpage.html target=new>
<input type=text><input type=submit>
</form>

the key is "target=new" , .. but you probably don't want the toolbar.

bdl · 07-03-2002, 10:18 AM

Quote:

Originally posted by mmilano

hey, did you try my suggestion? i tested it and it works, except you just have to deal with a toolbar.

the form you have to send it from has to look like this:
<form method=post action=nextpage.html target=new>
<input type=text><input type=submit>
</form>

the key is "target=new" , .. but you probably don't want the toolbar.

Thanks for the tip; that works just about as well as what I intended. There are parms you can pass to 'window.open' to tell it to leave off the toolbar, menu, etc. I may be able to pass the same arguments to this function, I'm gonna do a little more research. Still testing...