form action paramenters in realtime

GoneShootin

Wondering can I do something like the following

<form action="whatever.php?test=+document.textfield.value+" method="post">

I support I'm trying to escape the "'s in the action tag somehow. Which I doubt can be done.

Just wondering....

seamus

Not entirely sure what you're getting at, but have you tried

document.write('<form action="whatever.php?test=' + document.textfield.value + '" method="post">');

?

The problem here is that if javascript is disabled, the form will 100% fail to function. For dynamic form actions I would advise server-side scripts instead of client-side.

GoneShootin

seamus wrote:

Not entirely sure what you're getting at, but have you tried

document.write('<form action="whatever.php?test=' + document.textfield.value + '" method="post">');

?

The problem here is that if javascript is disabled, the form will 100% fail to function. For dynamic form actions I would advise server-side scripts instead of client-side.

Yes I thought of document.write, but wouldn't suit what I was at (cos I was already using php echos in the form action parameters).

No biggie - just curios.

Thanks Mr Seagull.

akari no ryu

GoneShootin wrote:

Wondering can I do something like the following

<form action="whatever.php?test=+document.textfield.value+" method="post">

I support I'm trying to escape the "'s in the action tag somehow. Which I doubt can be done.

Just wondering....

<form name="theForm" action="whatever.php" method="post">
<input type="text" name="test"/>
</input>

Or, different again.

<form name="theForm" method="post">
</form>
<input type="text" onkeyup="document.forms.theForm.action='whatever.php?test='+this.value"/>

I think

GoneShootin

akari I like your 2nd idea, but how would you implement that for mulitple form fields? Your 1st method is the standard method alright. I'm thinking

seamus

LOL.

Well, using akari's second idea, you could expand it so that the onChange handler for all the fields calls a function which queries the value of each field and rebuilds the query string.

akari no ryu

GoneShootin wrote:

akari I like your 2nd idea, but how would you implement that for mulitple form fields? Your 1st method is the standard method alright. I'm thinking

Each input has an onkeyup trigger handler for it.
No problem really.

Webmonkey

Just wondering why you would need to do something like this?
Why are you using post when its more a get method? I might be totally reading this wrong, if so sorry.

GoneShootin

Webmonkey wrote:

Just wondering why you would need to do something like this?

Why not? Handy to have these other methods of doing the same thing.

Webmonkey

I suppose yeah. I needed to do somethign similer but it was:

parent.location="'something.php'+document.form1.textfield.value+'&value=2242'";

i suppose it is a bit similer

stevenmu

One common reason for doing it is for validating entries in the form with server side code as they're entered. You could hard code the form to submit back to it's own page, and have the onChange triggers of your fields submit the form. Then in that page have the logic to validate any entries against a database. Then in the onClick trigger of your submit button, change the action of the form to submit to whatever page is going to process the form.


so what's this AJAX thing people are always on about

GoneShootin

stevenmu wrote:

so what's this AJAX thing people are always on about

I hear it makes for an excellent laundry detergent

Webmonkey

GoneShootin wrote:

I hear it makes for an excellent laundry detergent

haha!
I'm actually going to order the, PHP & MySQL: Building Responsive with Ajax.
Anyone know if it is any good?

stevenmu

GoneShootin wrote:

I hear it makes for an excellent laundry detergent