How possible is it for Ajax to change a PHP variable if it is in a switch case function.
Everytime a user selects an option from a select box on my page it changes the URL variable which in turn updates variables and information on the page.
This works fine, but every time a new option is selected the page refreshes and the user has to scroll back down to where they were.
IF there is a way to just make the page not scroll back to the top I am fine with that too.
I just don’t want my users to have to scroll back down.
Here is my full code(what’s done of it. I don’t have information filled out for each option yet BUT as I said the code works with the few that are done.
<form name="strobeForm" action="" method="get" style="margin: 5px; padding: 5px;">
<select id="state" name="state" onchange="this.form.submit();">
<option value="SL">Select State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</form>
</p>
<?php
if(isset($_GET['state']))
{
$term = strtoupper($_GET['state']);
switch($term)
{
default:
$topBeacon = 'Select A State';
$forwardBeacon = 'Select A State';
$rearBeacon = 'Select A State';
case 'SL':
$topBeacon = 'Select A State';
$forwardBeacon = 'Select A State';
$rearBeacon = 'Select A State';
break;
case 'AL':
$topBeacon = 'Amber';
$forwardBeacon = 'Amber';
$rearBeacon = 'Amber';
break;
}
}
else {
$topBeacon = 'Select A State';
$forwardBeacon = 'Select A State';
$rearBeacon = 'Select A State';
}
?>
<table style="width:400px" id="strobeLawsTable">
<tr>
<td>Top Beacon:</td>
<td><?php echo isset($topBeacon) ? $topBeacon : ''; ?></td>
</tr>
<tr>
<td>Forward Facing:</td>
<td><?php echo isset($forwardBeacon) ? $forwardBeacon : ''; ?></td>
</tr>
<tr>
<td>Rear Facing:</td>
<td><?php echo isset($rearBeacon) ? $rearBeacon : ''; ?></td>
</tr>
</table>
</div>
Thanks guys.
I don’t have any JQuery yet. I’m asking about the possibility if using this type of solution. I’m all for a simple solution, just not sure where to even start. If it is something as simple as an anchor tag with a name and the url becoming http://example.com?state=AL#StayScrolledDown then I am fine with that.