views:

51

answers:

0

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