Hello. I have two levels of Spry tabbed panels that I'm linking to from other pages. I currently have it set up so that I link to the panels that are on the registration page like this:
<a href="registrations.html?sport=1&clinic=0">
The registration page includes the following script:
<script type="text/javascript">
<!--
var params = Spry.Utils.getLocationParamsAsObject();
var Sports = new Spry.Widget.TabbedPanels("Sports", {defaultTab: params.sport ? params.sport : 0});
var Sport0 = new Spry.Widget.TabbedPanels("Sport0", {defaultTab: params.clinic ? params.clinic : 0});
var Sport1 = new Spry.Widget.TabbedPanels("Sport1", {defaultTab: params.clinic ? params.clinic : 0});
//-->
</script>
So the above link would go to whatever the second sport is in the line (baseball) and whatever the first baseball clinic is (t-ball). But I don't want to have to depend on an arbitrary order with the links, so how can I make it so that I can actually name the sports and clinics that the links go to, so they could look like this:
<a href="registrations.html?sport=baseball&clinic=t-ball">
Thank you.
P.S. I don't want to anchor to the tabbed panel when the page loads, so I can't just use the div id's.
And this is the javascript file that sets up the linking capabilities: labs.adobe.com/technologies/spry/includes/SpryURLUtils.js