Раскрывающийся список с поддержкой Ajax и PHP не будет работать в Internet Explorer - PullRequest
Новая
       0

Раскрывающийся список с поддержкой Ajax и PHP не будет работать в Internet Explorer

0 голосов
/ 09 октября 2011

Привет, у меня возникла проблема с ajax-скриптом в IE, похоже, он отлично работает во всех других браузерах. Я пытаюсь переписать выпадающий список, чтобы отобразить другой ценовой диапазон в зависимости от того, хочет ли пользователь арендовать или хочет купить, вот как я справился с этим

функция в разделе заголовка: 

<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>

Это HTML-код, который составляет таблицу: 

<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 &amp; 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'>&pound;50,000</option>
            <option value='75000'>&pound;75,000</option>
            <option value='100000'>&pound;100,000</option>
            <option value='125000'>&pound;125,000</option>
            <option value='150000'>&pound;150,000</option>
            <option value='175000'>&pound;175,000</option>
            <option value='200000'>&pound;200,000</option>
            <option value='250000'>&pound;250,000</option>
            <option value='300000'>&pound;300,000</option>
            <option value='400000'>&pound;400,000</option>
            <option value='500000'>&pound;500,000</option>
            <option value='750000'>&pound;750,000</option>
            <option value='1000000'>&pound;1,000,000</option>
            <option value='1500000'>&pound;1,500,000</option>
        </select>
    </td>
    <td>
        <select name='maxprice' style="width:120px">
            <option selected='selected' value=''>max price</option>
            <option value='50000'>&pound;50,000</option>
            <option value='75000'>&pound;75,000</option>
            <option value='100000'>&pound;100,000</option>
            <option value='125000'>&pound;125,000</option>
            <option value='150000'>&pound;150,000</option>
            <option value='175000'>&pound;175,000</option>
            <option value='200000'>&pound;200,000</option>
            <option value='250000'>&pound;250,000</option>
            <option value='300000'>&pound;300,000</option>
            <option value='400000'>&pound;400,000</option>
            <option value='500000'>&pound;500,000</option>
            <option value='750000'>&pound;750,000</option>
            <option value='1000000'>&pound;1,000,000</option>
            <option value='1500000'>&pound;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>

и это php-файл, который решает, повторять ли звонки любовника или верхний ценовой диапазон: 

<?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'>&pound;250</option>
        <option value='500'>&pound;500</option>
        <option value='750'>&pound;750</option>
        <option value='1000'>&pound;1000</option>
        <option value='1250'>&pound;1250</option>
        <option value='1500'>&pound;1500</option>
        <option value='2000'>&pound;2000</option>
    </select>
</td>
<td>
    <select name='maxprice' style='width:120px'>
        <option selected='selected' value=''>max price</option>
        <option value='250'>&pound;250</option>
        <option value='500'>&pound;500</option>
        <option value='750'>&pound;750</option>
        <option value='1000'>&pound;1000</option>
        <option value='1250'>&pound;1250</option>
        <option value='1500'>&pound;1500</option>
        <option value='2000'>&pound;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'>&pound;50,000</option>
            <option value='75000'>&pound;75,000</option>
            <option value='100000'>&pound;100,000</option>
            <option value='125000'>&pound;125,000</option>
            <option value='150000'>&pound;150,000</option>
            <option value='175000'>&pound;175,000</option>
            <option value='200000'>&pound;200,000</option>
            <option value='250000'>&pound;250,000</option>
            <option value='300000'>&pound;300,000</option>
            <option value='400000'>&pound;400,000</option>
            <option value='500000'>&pound;500,000</option>
            <option value='750000'>&pound;750,000</option>
            <option value='1000000'>&pound;1,000,000</option>
            <option value='1500000'>&pound;1,500,000</option>
    </select>
</td>
<td>
    <select name='maxprice' style='width:120px'>
        <option selected='selected' value=''>maximum price</option>
        <option value='50000'>&pound;50,000</option>
        <option value='75000'>&pound;75,000</option>
        <option value='100000'>&pound;100,000</option>
        <option value='125000'>&pound;125,000</option>
        <option value='150000'>&pound;150,000</option>
        <option value='175000'>&pound;175,000</option>
        <option value='200000'>&pound;200,000</option>
        <option value='250000'>&pound;250,000</option>
        <option value='300000'>&pound;300,000</option>
        <option value='400000'>&pound;400,000</option>
        <option value='500000'>&pound;500,000</option>
        <option value='750000'>&pound;750,000</option>
        <option value='1000000'>&pound;1,000,000</option>
        <option value='1500000'>&pound;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;
?>

Кажется, что это работает очень хорошо в FF, Safari и Chrome, но не в IE, я видел похожие проблемы, но ничего, что могло бы решить эту конкретную проблему.

Буду признателен за любую помощь или совет по этому вопросу.

1 Ответ

0 голосов
/ 11 октября 2011

Продвижение комментария для ответа:

Я предлагаю вам загрузить оба набора и переключаться между ними, скрывая или отображая: 

window.onload=function() {
  showPrice('for_sale'); // or do this in CSS
}
function showPrice(letOrSale) { 
  var forSale = letOrSale==="for_sale";
  document.getElementById('forLetId').style.display=forSale?"none":"";
  document.getElementById('forSaleId').style.display=forSale?"":"none"; 
}
...