Submitting a Form in a Spry Tabbed Region

Question

I have a spry tabbed region with 6 tabs.
I have constructed a menu which targets and opens the specific tab using the ?tab=4 type notation.  I have also created links between tabs using the same notation.  All works fine.
I have a form in one tab which, when I submit it, I want to return to the same tab.  However when I use the notation <form action="index.php?tab=4" > the page just reloads on the first tab, stripping off the ?tab=4 part of the url. I have searched the forums but can't find any reference to how to target a specific tab when submitting a form.
Any help much appreciated.
Thanks
John

Answer 1

Hi
Thanks for your patience.
Because there are 8 tabs on this page there is a lot of code, much of it irrelevant, so I have copied below the chunks which relate to this part of the page.
When the form is submitted the data being returned from the database is correct and is loaded into the page. It is just that the page loads the first tab and you then have to click on the 'Results' tab to see the data which has been returned.
Ok, from the top of the page the php code which filters the recordset is as follows;
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
  if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;   
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  return $theValue;
// recordset for results
$var1_rsCompResults = "-1";
if (isset($_GET["event_ID"])) {
  $var1_rsCompResults = $_GET["event_ID"];
$var2_rsCompResults = "-1";
if (isset($_GET["age_group"])) {
  $var2_rsCompResults = $_GET["age_group"];
$var3_rsCompResults = "-1";
if (isset($_GET["gender"])) {
  $var3_rsCompResults = $_GET["gender"];
mysql_select_db($database_connPublic, $connPublic);
$query_rsCompResults = sprintf("SELECT tblResults.result_ID, DATE_FORMAT(tblEvents.event_start_date, '%%Y') AS year, tblResults.event_ID, tblEvents.event_name, tblResults.age_group, tblResults.points, tblIndividuals.forename, tblIndividuals.surname, tblIndividuals.sex FROM tblEvents INNER JOIN tblResults ON tblEvents.event_id = tblResults.event_ID INNER JOIN tblIndividuals ON tblResults.individual_ID = tblIndividuals.individual_id WHERE tblResults.event_ID = %s AND age_group = %s AND sex = %s ORDER BY tblResults.points", GetSQLValueString($var1_rsCompResults, "int"),GetSQLValueString($var2_rsCompResults, "text"),GetSQLValueString($var3_rsCompResults, "text"));
$rsCompResults = mysql_query($query_rsCompResults, $connPublic) or die(mysql_error());
$row_rsCompResults = mysql_fetch_assoc($rsCompResults);
$totalRows_rsCompResults = mysql_num_rows($rsCompResults);
?>
then the links to the Spry Assets and the  js which creates the datasets is as follows;
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryDataExtensions.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryNestedXMLDataSet.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryXML.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryPagedView.js" type="text/javascript"></script>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script type="text/javascript">
var dsYears = new Spry.Data.XMLDataSet("competitions_year_data_xml.php", "root/row");
var dsCompetitions = new Spry.Data.XMLDataSet("calendar_competitions_data_xml.php", "root/row[year = '{dsYears::year}']");
var dsAgeGroups = new Spry.Data.XMLDataSet("competitions_age_group_data_xml.php", "root/row[event_ID = '{dsCompetitions::event_ID}']");
var dsGender = new Spry.Data.XMLDataSet("competitions_sex_data_xml.php", "root/row[age_group = '{dsAgeGroups::age_group}']");
</script>
Then the html which creates the tabbed region is as follows;
                  <div id="TabbedPanels1" class="TabbedPanels">
                      <ul class="TabbedPanelsTabGroup">
                        <li class="TabbedPanelsTabLeft" tabindex="0">News</li>
                        <li class="TabbedPanelsTab" tabindex="1">Calendar</li>
                        <li class="TabbedPanelsTab" tabindex="2">Rules</li>
                        <li class="TabbedPanelsTab" tabindex="3">Competition Entries</li>
                        <li class="TabbedPanelsTab" tabindex="4">Results</li>
                        <li class="TabbedPanelsTab" tabindex="5">Rankings</li>
                        <li class="TabbedPanelsTab" tabindex="6">Contacts</li>
                        <li class="TabbedPanelsTabRight" tabindex="7">FAQ</li>
                      </ul>
                      <div class="TabbedPanelsContentGroup">
Then the form which includes the four select statements is as follows;
<div class="TabbedPanelsContent" id ="results_data">
               <h3>Results</h3>
<form name="selectForm" action="index.php?tab=4&" method="get">
        Year:
<span spry:region="dsYears" id="yearSelector">
        <select spry:repeatchildren="dsYears" spry:choose="spry:choose" name="year" onchange="dsYears.setCurrentRowNumber(this.selectedIndex);">
            <option value="{year}" spry:when="{ds_CurrentRowID} == {ds_RowID}" selected="selected">{year}</option>
            <option value="{year}" spry:default="spry:default" >{year}</option>
        </select>
</span>
        Event:
<span spry:region="dsCompetitions" id="eventSelector">
        <select spry:repeatchildren="dsCompetitions" name="event_ID" onchange="dsCompetitions.setCurrentRowNumber(this.selectedIndex);">
            <option value="{event_ID}">{event_name}</option>
        </select>
</span>
        Age Groups:
<span spry:region="dsAgeGroups" id="agegroupSelector">
        <select spry:repeatchildren="dsAgeGroups" name="age_group" onchange="dsAgeGroups.setCurrentRowNumber(this.selectedIndex);">
            <option value="{age_group}">{age_group}</option>
        </select>
</span>
        Gender:
<span spry:region="dsGender" id="genderSelector">
        <select spry:repeatchildren="dsGender" name="gender">
            <option value="{sex}">{sex}</option>
        </select>
</span>
<input type="submit" value="Submit" />
</form>
<?php if ($totalRows_rsCompResults > 0) { // Show if recordset not empty ?>
  <div id="result_ID" name="result_ID">
    <table>
      <tr>
        <th>Athlete Name</th>
        <th>Event</th>
        <th>Score</th>
      </tr>
      <?php do { ?>
        <tr>
          <td><?php echo $row_rsCompResults['forename']; ?> <?php echo $row_rsCompResults['surname']; ?></td>
          <td><?php echo $row_rsCompResults['event_name']; ?></td>
          <td><?php echo $row_rsCompResults['points']; ?></td>
        </tr>
        <?php } while ($row_rsCompResults = mysql_fetch_assoc($rsCompResults)); ?>
    </table>
  </div>
  <?php } // Show if recordset not empty ?>
       </div> <!-- end of TabbedPanelsContent div Results -->
Then at the end of the page is this code;
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
</script>
</body>
</html>
<?php
mysql_free_result($rsCompResults);
?>