Hi there I am having a problem with an ajax script in IE, it seems to work fine in all other browsers. I am trying to re-write a drop down list to display a different price range depending on whether a user is looking to rent or looking to buy, here is how I’ve tackled it
function in header section:
<script type="text/javascript">
function showPrice(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getprice.php?q="+str,true);
xmlhttp.send();
}
</script>
This is the HTML code that makes the table:
<table>
<form method="GET" action="search_results.php">
<tr>
<td>
<select name="type" style="width:120px">
<option selected="selected" value="residential">residential</option>
<option value="commercial">commercial</option>
<option value="business">business</option>
<option value="student">student & sharers</option>
</select>
</td>
<td>
<select name="offered" style="width:120px" onchange="showPrice(this.value)">
<option selected="selected" value="for_sale">for sale</option>
<option value="to_let">to let</option>
</select>
</td>
<td>
<select name="area" style="width:120px">
<option selected="selected" value="any">any area</option>
<?php
$sql="select * from areas;";
$result=mysql_query($sql);
while($data=mysql_fetch_array($result))
{
$area=$data['area'];
echo "<option value='$area'>$area</option>";
}
?>
</select>
</td>
</tr>
<tr id="txtHint">
<td>
<select name='minprice' style="width:120px">
<option selected='selected' value=''>min price</option>
<option value='50000'>£50,000</option>
<option value='75000'>£75,000</option>
<option value='100000'>£100,000</option>
<option value='125000'>£125,000</option>
<option value='150000'>£150,000</option>
<option value='175000'>£175,000</option>
<option value='200000'>£200,000</option>
<option value='250000'>£250,000</option>
<option value='300000'>£300,000</option>
<option value='400000'>£400,000</option>
<option value='500000'>£500,000</option>
<option value='750000'>£750,000</option>
<option value='1000000'>£1,000,000</option>
<option value='1500000'>£1,500,000</option>
</select>
</td>
<td>
<select name='maxprice' style="width:120px">
<option selected='selected' value=''>max price</option>
<option value='50000'>£50,000</option>
<option value='75000'>£75,000</option>
<option value='100000'>£100,000</option>
<option value='125000'>£125,000</option>
<option value='150000'>£150,000</option>
<option value='175000'>£175,000</option>
<option value='200000'>£200,000</option>
<option value='250000'>£250,000</option>
<option value='300000'>£300,000</option>
<option value='400000'>£400,000</option>
<option value='500000'>£500,000</option>
<option value='750000'>£750,000</option>
<option value='1000000'>£1,000,000</option>
<option value='1500000'>£1,500,000</option>
</select>
</td>
<td>
<select name="bedrooms" style="width:120px">
<option selected="selected" value="">Bedrooms</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5 or more</option>
</select>
</td>
</tr>
</form>
</table>
and this is the php file that decides whether to echo the lover price rang or rhe upper price range:
<?php
$q=$_GET["q"];
if($q=="to_let")
{
<td>
<select name='minprice' style='width:120px'>
<option selected='selected' value=''>min price</option>
<option value='250'>£250</option>
<option value='500'>£500</option>
<option value='750'>£750</option>
<option value='1000'>£1000</option>
<option value='1250'>£1250</option>
<option value='1500'>£1500</option>
<option value='2000'>£2000</option>
</select>
</td>
<td>
<select name='maxprice' style='width:120px'>
<option selected='selected' value=''>max price</option>
<option value='250'>£250</option>
<option value='500'>£500</option>
<option value='750'>£750</option>
<option value='1000'>£1000</option>
<option value='1250'>£1250</option>
<option value='1500'>£1500</option>
<option value='2000'>£2000</option>
</select>
</td>
<td>
<select name='bedrooms' style='width:120px'>
<option selected='selected' value=''>Bedrooms</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5 or more</option>
</select>
</td>
PRICE;
}
else
{
$my_string = <<<PRICE
<td>
<select name='minprice' style='width:120px'>
<option selected='selected' value=''>minimum price</option>
<option value='50000'>£50,000</option>
<option value='75000'>£75,000</option>
<option value='100000'>£100,000</option>
<option value='125000'>£125,000</option>
<option value='150000'>£150,000</option>
<option value='175000'>£175,000</option>
<option value='200000'>£200,000</option>
<option value='250000'>£250,000</option>
<option value='300000'>£300,000</option>
<option value='400000'>£400,000</option>
<option value='500000'>£500,000</option>
<option value='750000'>£750,000</option>
<option value='1000000'>£1,000,000</option>
<option value='1500000'>£1,500,000</option>
</select>
</td>
<td>
<select name='maxprice' style='width:120px'>
<option selected='selected' value=''>maximum price</option>
<option value='50000'>£50,000</option>
<option value='75000'>£75,000</option>
<option value='100000'>£100,000</option>
<option value='125000'>£125,000</option>
<option value='150000'>£150,000</option>
<option value='175000'>£175,000</option>
<option value='200000'>£200,000</option>
<option value='250000'>£250,000</option>
<option value='300000'>£300,000</option>
<option value='400000'>£400,000</option>
<option value='500000'>£500,000</option>
<option value='750000'>£750,000</option>
<option value='1000000'>£1,000,000</option>
<option value='1500000'>£1,500,000</option>
</select>
</td>
<td>
<select name='bedrooms' style='width:120px'>
<option selected='selected' value=''>Bedrooms</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5 or more</option>
</select>
</td>
PRICE;
}
echo $my_string;
?>
This seems to work really well in FF, Safari and Chrome just not in IE, I have seen similar problems but nothing that could solve this specific problem.
Any help or advice on this would be greatly appreciated.
Promoting comment to answer:
I suggest you load both sets and switch between them by hiding or displaying: