How to open or return back to Tabbed Panel 2,3,4,5,6, etc using a URL link.

[Prince Mike]

Hello All,

I have some issues with Spry Tabbed Panel. I am using Dreamweaver CS6 and have tried the code as seen on this link Using Spry URLUtils to open remote tabs and panels but it didnt help.

My Tabbed Panel has up to 6 tabs and may have more as I proceed. I need help on how to return back to the tab I was after filling and posting a form that is that tab?

For example, I have questionnaire form on tab 3. How do I return to the same tab 3 after submitting my questionnaire form.

Note here that when I click on the submit button, the contents of the form will be posted to the database and the form will be redirected to the URL link that is attached to the submit button. This ULR link should have some thing like .../interview.php?tab=3 or so it will load tab 3 once the page is refreshed after the submission

Also note that my site is still offline now. It has not been uploaded to the internet as I am just starting my project.

Thank you so much

[BenPleysier]

Before I supply you with a solution, could you please explain why you want to use SpryTabbedPanels? The reason is ask is because Spry has been discarded by Adobe and has not had an update since 2006, that is 10 years ago. It has not ever passed the Pre-release stage.

// SpryTabbedPanels.js - version 0.5 - Spry Pre-Release 1.6

//

// Copyright (c) 2006. Adobe Systems Incorporated.

If you persist on wanting to use Spry, say so and I will help. Otherwise, and you would be wise, Google the subject and you will find other, much better Tabbed Panels.

If you are using Bootstrap have a look at http://getbootstrap.com/javascript/#tabs

You could also try Tabbed panels using CSS

[Prince Mike]

Dear BenPleysier,

Thank you for your response.

I want to use it to build a questionnaire form where the access to the next form is dependent on the answers of the current form as seen when filling US Visa Application form.

A user must have filled all the required fields in tab1 form before proceeding to fill the form in tab2. So once all the required fields in the form that is on tab1 are filled, and the tab1 form submitted, tab2 will be enabled so the user can now fill the form on tab2. Else the tab2 will be disabled and the user will not be able to open the tab to fill the form

I want all forms to be on the same page though in separate tabs for easy coding.

This is my reason

[Prince Mike · Accepted solution]

Thank God I was able to identify the issue. The tab lnks are now working

Here are what I did

1. I created tab 3 using the example as seen on this link Using Spry URLUtils to open remote tabs and panels which I said was not helpful. I am sorry for that anyway. Please forgive me for my error.

2. Filled it with contents and added a link tab=2#TabbedPanels1 making it 3 tabs. See image below

My Tab 2 is the tab with More Details text.

3. Seeing that it worked, I now replaced the SpryAssets folder of the project I was working on with the SpryAssets folder I downloaded from the link Using Spry URLUtils to open remote tabs and panels and that was it.

My conclusion here is that the SpryTabbedPanels.js that is automatically inserted inside the SpryAssets folder of Dreamweaver has a code fault when it comes to adding links.

So I give the credit to David Powers whom I believe is the writer of the code above that solved this issue