Newbie looking for advice on spry tabbed panels for record view/add/edit

Question

I have just got CS 5.5. Although old hand at IT this is fist use of DW. Have been through "The Missing Manual" and I am now trying somethings out.
I have an SQL DB and some "management" tables. I thought that in the admin section I could use the Spry tabbed panel to create a List, Add, Edit and Delete panel.
linking on a row in List will set the value of a variable (unique column) which is used by the Edit and Delete tabs. Add is just the wizard.
I am only trying things out. Is this is a sensible approach or should I look to have a page for each of the 3 functions which are linked from the list of rows. As given in the example in the book?
Regards

Answer 1

Thank you for this. I see that spry is now dead but I have the bit between my teeth for working this out. Partly because it helps me understand the way things are put together. So although Spry is not important. Understanding the system that I will then adapt into other circumstances and other variants is. So please bear with me.
So if anyone out there has some SPRY experience you may be able to tell me what knowledge I am missing here.
So at the moment I have a tabbed panel within a tabbed panel.
Header tabbed panel is called "TPMain"
Sub TB is called "TPAges"
TPAges has 4 tabs "List", "Add", "Edit" and "Delete"
"List" being the default tab.
Link style 1
Playing with forms and links, I have worked out that I can create a repeat region in the list and add a column with 1 hidden value (the id) and a submit button to set the value of the id, but the code to end up showing the Edit panel is not functioning. This is the form code in the table of the List Tab
     <form action="testtab.php?tab=3&panel=3#TPAges" method="post" name="FrmEdit" id="FrmEdit">
                      <input type="hidden" name="EditID" value= <?php echo $row_rsAges['oid']; ?>/>
                        <input type="submit" name="btnEdit" id="btnEdit" value="Edit">
                      </form>
In the edit tab I have the code
     <p><?php echo "*".$_POST['EditID']."*"; ?></p>
The page reloads but on TPMain and on the first tab (people) and not the second tab (Ages)
The value is correctly shown but with teh slash (/) character at the end?
Link style 2
I thought I would try and access it via an href. From googling I came up with this on one of the columns. I know it doesn't set the variable but I wanted to know if I could make it show the panel.
     <a href="javascript:; onclick=TPAges.ShowPanel(3)"><?php echo $row_rsAges['description']; ?></a
No errors just does nothing.
I'm off to hunt for jQuery tab as osgood suggests but would like to crack this out of sheer bloody mindedness.
Regards