Form Submssion in somewhat real-time
I wasn't sure which subsection to post this but here goes.
I have a form that works great for users to submit their data, but I want to modify it a bit for submitting step-wise instructions on how to do something, think of stepwise instructions on how to cook a meal for example.
So the form is structured as so:
Now what I want to do is for the text-area section labeled 'instructions' I want to put a another button that says "Next Step" and will take whatever input is currently in the textarea region, store it into a variable say $finalinstructions, clear out the Instructions text-area on the form (leaving the other inputtedf data in the other fields in-tact) and allow the user to input a fresh set of data into the Instructions text-area box.
Dish Name : ___________________________
And when the user hits the "Next Step" button again, it will take that inputted data, append it to the $finalinstructions variable, clear out the data in the text-area-input area and let the person input the next step. And so on...
The user can keep inputting steps as he wishes, and when he is done he can submit the form as usual using the [SUBMIT BUTTON] at the bottom, and the $finalinstructions (a compiled set of all the steps that were inputted) in submitted along with the rest of the form.
I was wondering how to start to do something like this? I'm a proficient php/html coder, but i'm guessing something like this is done using AJAX? If it can be done with jscript all the better, but just looking for some hints/tips/help/code/etc.. anything anyone can offer.