I want to do something similar to my attached image. See the tabs? Kind of like a "step(s) process". I know there are several ways to go about it:
1. Use simple javascript to do something like a show/hide; everything is pretty much coded into one page/using includes
2. Use ajax to load the separate pages
3. Other suggestions?

Also the overall design of it is a little confusing to me. The main page will be an employee profile of which subs into the tabbed options shown.

I'm not sure if on each tab option a submit should be required before going to the next option or just one submit option to insert/update all tab options?

Sorry if this is confusing, been up about 2 days straight now and want to get this posted before I go to bed to hopefully awake to some suggestions.

Attached Thumbnails

 

hostfreak,

I would not require a submit for each but instead, save the form's information every time a tab is changed.

So:

Ajax would work well for this ... I am assuming that prior to this step, your user would be logged in already so that you would have a way to save this information against a known user profile ...

You may nit actually need to load the pages OnChangeTab() ... simply load all the HTML and form information on the initial page load ... then simply hide [class="display: none;" ] the container <div/>s you do not want to show at any particular time.

This will reduce the possibility of delays when switching tabs, and lowers the number of calls you need to make to the web server and database.

I hope this helps!

Brad

Brad,

Makes perfect sense. Didn't think of saving page between browsing of tabs. Of course, I will also need to add a manual submit option on each section; being as not all tab sections will be required.

On a side note, I'd like to mention that it's not good for anyone to stay up 2 days straight... you start to imagine things lol