Hi everyone.
We've been working on a form to register kids for after school classes. So far I've made progress with the form thanks to the tabbed form in the FAQs. Thank you for that!! EASY and seems like it will work well.
Does anyone know of any way to put a click button on the bottom which will bring them to the next tab? Something like "onclick go to tab_2" then maybe another button "onclick go to tab_6" so they can choose where to go next (obviously my programming skills are pretty much non-existent). Currently I am using greyhead's suggestion of just putting some text at the bottom like Click on Tab 2 to continue". 🙂
We are going to have the form take the totals from each tab then put them into the "grand total" field on the last page, which then gets submitted for the payment. How best to take fields from each tab and show the "summary" on the last tab? Is there some kind of echo command that will insert the value from a field into another area on the form?
Also, to send the form, add data to the table, and process the authorize.net, do I just use a "submit"? I get an error now, but do not yet have the authorize.net info plugged in (as far as the api key etc).
Last, I would like to have it return a confirmation page to show it was processed. I have not yet looked through forums to figure out how to do that, but any help in pointing me the right direction would be great.
Thank you,
Cheryl
We've been working on a form to register kids for after school classes. So far I've made progress with the form thanks to the tabbed form in the FAQs. Thank you for that!! EASY and seems like it will work well.
Does anyone know of any way to put a click button on the bottom which will bring them to the next tab? Something like "onclick go to tab_2" then maybe another button "onclick go to tab_6" so they can choose where to go next (obviously my programming skills are pretty much non-existent). Currently I am using greyhead's suggestion of just putting some text at the bottom like Click on Tab 2 to continue". 🙂
We are going to have the form take the totals from each tab then put them into the "grand total" field on the last page, which then gets submitted for the payment. How best to take fields from each tab and show the "summary" on the last tab? Is there some kind of echo command that will insert the value from a field into another area on the form?
Also, to send the form, add data to the table, and process the authorize.net, do I just use a "submit"? I get an error now, but do not yet have the authorize.net info plugged in (as far as the api key etc).
Last, I would like to have it return a confirmation page to show it was processed. I have not yet looked through forums to figure out how to do that, but any help in pointing me the right direction would be great.
Thank you,
Cheryl
Hi Cheryl,
Regarding the tabs issue, this depends on the tabs script used, if it allows to open another tab when feeding some element id or so, i'm not sure if this is available at what you are using!
Regards
Max
Regarding the tabs issue, this depends on the tabs script used, if it allows to open another tab when feeding some element id or so, i'm not sure if this is available at what you are using!
Regards
Max
I got the tabs working with the "next tab" button, and I recall seeing something in the forum for having it go to the TOP of the next tab, but i can't find it!!
Here is the code for the tabs "next" button in case anyone needs it. Note I have 5 tabs and the user can fill out the "next" one, which in the case below is tab2, or go to the last one, which is tab5.
Any idea how to edit this to go to the top of the next tab?
I did make the color in each tab different which really helps with the navigation... you know you are on the next tab! So going to the top would just be gravy at this point... but I figure what the heck... if someone can help. 😀
Cheryl
Here is the code for the tabs "next" button in case anyone needs it. Note I have 5 tabs and the user can fill out the "next" one, which in the case below is tab2, or go to the last one, which is tab5.
<input type="button" value="Go to Child 2" onClick="tabPane1.setSelectedIndex(2);"/>
<input type="button" value="Finish and Pay" onClick="tabPane1.setSelectedIndex(5);"/>Any idea how to edit this to go to the top of the next tab?
I did make the color in each tab different which really helps with the navigation... you know you are on the next tab! So going to the top would just be gravy at this point... but I figure what the heck... if someone can help. 😀
Cheryl
Hi Cheryl,
may be use a hidden element in the tab and focus on it when you switch the tab ?
glad you found the code to switch tabs btw!!!🙂
Cheers
Max
may be use a hidden element in the tab and focus on it when you switch the tab ?
glad you found the code to switch tabs btw!!!🙂
Cheers
Max
This topic is locked and no more replies can be posted.
