Скрипт php+ajax не работает в IE

@tigra · Регистрация: 13.02.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Скрипт содержит три выпадающих списка, заполняются они из файлов.
Выбор первого - заполняется второй
Выбор второго - заполняется третий
Выбор третьего - выводится итоговая информация
Скрипт работает в мозиле, опере, хроме
В IE заполняется первый список, при выборе в нем значения второй список пустой.
Полный текст страницы со скриптом ниже.
Если кто-то знает в чем проблема, помогите пожалуйста!!!

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<?php
    session_start();
    if(isset($_GET['marka'])){
        $cod = mb_detect_encoding(strval($_GET['marka']));
        $marka=$_SESSION['marka']=iconv($cod, "windows-1251", strval($_GET['marka']));
        echo "<option value='0'>- Выберите модель -</option>\n";
        $path = "./files/".$marka.".txt";
        $f = fopen($path, "r");
        while(!feof($f)) { 
            $mod = fgets($f);
            if(strcmp($mod{0}, "*") == 0)
            {
                $mod = substr($mod, 1);
                echo "<option>".$mod."</option>";
            }}
        fclose($f);
       die;
       }
    elseif(isset($_GET['model'])){
        $cod = mb_detect_encoding(strval($_GET['model']));
        $model=$_SESSION['model']=iconv($cod, "windows-1251", strval($_GET['model']));
        $marka = $_SESSION['marka'];
        echo "<option value='0'>- Выберите тип двигателя -</option>\n";
        $path = "./files/".$marka.".txt";
        $f = fopen($path, "r");
        $i = 0;
        while(!feof($f)) {     
            $mod = fgets($f);
            $str1 =  trim(substr($mod, 1));
            if(strcmp($str1,$model) == 0){
                $i = 1;
                $mod = substr($mod, 1);
            }
            if($i == 1 && strcmp($mod{0}, "-") == 0){
                $mod = substr($mod, 1); 
                $str=strpos($mod, ":");
                $mod=substr($mod, 0, $str); 
                echo "<option>".$mod."</option>";
            }
            if($i == 1 && strcmp($mod{0}, "*") == 0)
                break;       
        }
        fclose($f);    
       die;
       }
    elseif(isset($_GET['engine'])){
        $cod = mb_detect_encoding(strval($_GET['engine']));
        $engine = $_SESSION['engine']=iconv($cod, "windows-1251", strval($_GET['engine']));
        $marka = $_SESSION['marka'];
        $model = $_SESSION['model'];
        
        $path = "./files/".$marka.".txt";
        $f = fopen($path, "r");
        $i = 0;
        while(!feof($f)) {     
            $mod = fgets($f);
            $str1 =  trim(substr($mod, 1));
            if(strcmp($str1,$model) == 0){
                $i = 1;
                $mod = substr($mod, 1);
            }
            if($i == 1 && strcmp($mod{0}, "-") == 0){
                $mod = substr($mod, 1); 
                $str=strpos($mod, ":");
                $mod1=substr($mod, 0, $str); 
                if(strcmp($mod1,$engine) == 0){
                    $rez = substr($mod, $str);
                    $rez = substr($rez, 1); 
                    $arr = explode(";", $rez);
                    break; 
                }
            }
            //if($i == 1 && strcmp($mod{0}, "*") == 0)
                //break;       
        }
        fclose($f);    
        
        echo "<br /><br />";
        echo "<div style='color: white; border: #C5D3DC 1px solid; padding: 10px; width: 600px;'>";
        echo "<br /><br /><table>";
        echo "<tr><td>Марка автомобиля:  </td><td>".$marka."</td></tr>";
        echo "<tr><td>Модель автомобиля:  </td><td>".$model."</td></tr>";
        echo "<tr><td>Тип двигателя автомобиля:  </td><td>".$engine."</td></tr>";
        echo "</table><br /><br />";
        
        echo "<table style=\"border: 1px solid #C5D3DC; \">";
        echo "<tr><td style='width: 150px;'>Класс</td><td style='width: 200px;'>Емкость</td><tr>";
        echo "<tr><td>Премиум</td><td>".$arr[0]."</td></tr>";
        echo "<tr><td>Стандарт</td><td>".$arr[1]."</td></tr>";
        echo "<tr><td>Эконом</td><td>".$arr[2]."</td></tr>";
       // echo "<tr><td>Емкость</td><td>".$arr[0]."</td><td>".$arr[1]."</td><td>".$arr[2]."</td><tr>";
        echo "</table><br /><br />";
        echo "</div><br /><br />";
        
        //unset($_SESSION['engine']);
        //unset($_SESSION['marka']);
        //unset($_SESSION['model']);
        //session_destroy();
       die;
    }
 
    ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    <meta name="author" content="" />
    <meta name="title" content="Аккумуляторы для автомобилей Контакты" />
    <meta name="keywords" content="аккумуляторы, Vortex, Varta, Forse, Exide, Mutlu, Mega" />
    <meta name="description" content="Широкий выбор автомобильных аккумуляторов на любой вкус по доступным ценам" /> 
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    <link rel="icon" href="images/ikonka.gif" type="image/gif" />
    
    <title>Подборка АКБ</title>
</head>
<body>
<div align="center">
        <div class="page">
            <div class="menu">
                <ul id="menu">
                    <img src="images/yellowLine.png" style="width: 900px;" />
                    <li id="left"><a id="left" class="bigYellow" href="index.htm">Главная</a></li>
                    <li id="middle"><a id="middle" class="bigMiddleYellow" href="collection.htm">Подборка АКБ</a></li>
                    <li id="right"><a id="right" class="bigYellow" href="contact.htm">Контакты</a></li>
                    <img src="images/yellowLine.png" style="width: 900px;" />
                </ul>
            </div>
   
    <br /><br />
    <select name="marka" id="marka" onfocus="this.focus = false;"
        onchange="ajaxLoad('model', '/ajax/ajax.php?marka='+this.options[this.selectedIndex].value, '','',''); document.getElementById('model').disabled='';">
    <option value="0" selected="selected">- Выберите марку -</option>
    
    <?php
        if ($handle = opendir('./files')) {    
            while ($entry = readdir($handle)) {
                if($entry != '.' && $entry != '..')
                {
                    $str=strpos($entry, ".");
                    $entry=substr($entry, 0, $str); 
                    echo "<option value='".$entry."'>$entry</option>";
                }
            }
            closedir($handle);
        }
    ?>
    </select>
    
    <select name="model" id="model"
        onchange="ajaxLoad('engine', '/ajax/ajax.php?model='+this.options[this.selectedIndex].value, '','',''); document.getElementById('engine').disabled='';">
        <option value="0" selected="selected">- Выберите модель -</option>
    </select>
    
    
    <select name="engine" id="engine"
        onchange="ajaxLoad('content', '/ajax/ajax.php?engine='+this.options[this.selectedIndex].value, '','','');">
        <option value="0" selected="selected">- Выберите тип двигателя -</option>
    </select>
 
    <br /><br /><br />
    <div id="content" style="height: 100%;">     
    </div>
    
    <div class="footer1">
                <img src="images/yellowLine.png" style="width: 900px;" />
                <table width="800px" style="margin-left: 50px;">
                    <tr>
                        <td><a class="yellow" href="index.htm">Главная</a></td>
                        <td><a class="yellow" href="baren.htm">Baren</a></td>
                        <td><a class="yellow" href="exide.htm">Exide</a></td>
                        <td><a class="yellow" href="inter.htm">Inter</a></td>
                        <td><a class="yellow" href="sada.htm">Sada</a></td>
                        <td><a class="yellow" href="vega.htm">Vega</a></td>
                    </tr>
                    <tr>
                        <td><a class="yellow" href="collection.htm">Подборка АКБ</a></td>
                        <td><a class="yellow" href="banner.htm">Banner</a></td>
                        <td><a class="yellow" href="feon.htm">Feon</a></td>
                        <td><a class="yellow" href="ista.htm">Ista</a></td>
                        <td><a class="yellow" href="sanfox.htm">Sanfox</a></td>
                        <td><a class="yellow" href="vortex.htm">Vortex</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><a class="yellow" href="contact.htm">Контакты</a></td>
                        <td><a class="yellow" href="blitz.htm">Blitz</a></td>
                        <td><a class="yellow" href="fireball.htm">Fireball</a></td>
                        <td><a class="yellow" href="mega.htm">Mega</a></td>
                        <td><a class="yellow" href="sznajder.htm">Sznajder</a></td>
                        <td><a class="yellow" href="westa.htm">Westa</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><a class="yellow" href="bosch.htm">Bosch</a></td>
                        <td><a class="yellow" href="forse.htm">Forse</a></td>
                        <td><a class="yellow" href="mutlu.htm">Mutlu</a></td>
                        <td><a class="yellow" href="uno.htm">Uno</a></td>
                        <td><a class="yellow" href="atlant.htm">Атлант</a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><a class="yellow" href="dynamic.htm">Dynamic</a></td>
                        <td><a class="yellow" href="gsm.htm">GSM</a></td>
                        <td><a class="yellow" href="nordstar.htm">Nardstar</a></td>
                        <td><a class="yellow" href="varta.htm">Varta</a></td>
                        <td><a class="yellow" href="istok.htm">Исток</a></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><a class="yellow" href="555.htm">555</a></td>
                    </tr>    
                </table>
                <img src="images/yellowLine.png" style="width: 900px;" />
            </div>
        </div>
    </div>
</body>
</html>
    
    <script type="text/javascript">
        function ajaxLoad(obj,url,defMessage,post,callback){
          var ajaxObj;
          if (defMessage) document.getElementById(obj).innerHTML=defMessage;
          if(window.XMLHttpRequest){
              ajaxObj = new XMLHttpRequest();
          } else if(window.ActiveXObject){
              ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
          } else {
              return;
          }
          ajaxObj.open ((post?'POST':'GET'), url);
          if (post&&ajaxObj.setRequestHeader)
              ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=windows-1251;");
        
          ajaxObj.onreadystatechange = ajaxCallBack(obj,ajaxObj,(callback?callback:null));
          ajaxObj.send(post);
          return false;
          }
        function updateObj(obj, data, bold, blink){
           if(bold)data=data.bold();
           if(blink)data=data.blink();
           document.getElementById(obj).innerHTML = data; // упрощенный вариант, работает не во всех браузерах
          }
        function ajaxCallBack(obj, ajaxObj, callback){
        return function(){
            if(ajaxObj.readyState == 4){
               if(callback) if(!callback(obj,ajaxObj))return;
               if (ajaxObj.status==200)
                updateObj(obj, ajaxObj.responseText);
               else updateObj(obj, ajaxObj.status+' '+ajaxObj.statusText,1,1);
            }
        }}
        
    </script>

@UNSET · 14.02.2013, 13:18

Вообще должен ошибку писать IE это любит. Попробуйте нажать F12 и проследить ошибку. Или в JS прописывать пошагово, например: alert("1");

Ну и смотреть на каком шаге перестанет появляться.

@tigra · 14.02.2013, 13:32 **[ТС]**

Делала отладку в IE с помощью средства разработчика - никаких ошибок! На всякий случай выводила alert("") после каждой строчки, при выборе в первом списке срабатывают все шаги в следующем порядке:
1, 2, 3, 6, 7, 8, 12, 14, 12, 14, 12, 14, 12, 13, 10, 11, 14, 9 .
Вот текст java script:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script type="text/javascript">
        function ajaxLoad(obj,url,defMessage,post,callback){
          var ajaxObj;
          alert("1");
          if (defMessage) document.getElementById(obj).innerHTML=defMessage;
          alert("2");
          if(window.XMLHttpRequest){
            alert("3");
              ajaxObj = new XMLHttpRequest();
          } else if(window.ActiveXObject){
            alert("4");
              ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
          } else {
            alert("5");
              return;
          }
          ajaxObj.open ((post?'POST':'GET'), url);
          
          alert("6");
          if (post&&ajaxObj.setRequestHeader)
              ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=windows-1251;");
        alert("7");
          ajaxObj.onreadystatechange = ajaxCallBack(obj,ajaxObj,(callback?callback:null));
          alert("8");
          ajaxObj.send(post);
          alert("9");
          return false;
          }
        function updateObj(obj, data, bold, blink){
            alert("10");
           if(bold)data=data.bold();
           if(blink)data=data.blink();
           document.getElementById(obj).innerHTML = data; // упрощенный вариант, работает не во всех браузерах
           alert("11");
          }
        function ajaxCallBack(obj, ajaxObj, callback){
            
        return function(){
            alert("12");
            if(ajaxObj.readyState == 4){
                alert("13");
               if(callback) if(!callback(obj,ajaxObj))return;
               if (ajaxObj.status==200)
                updateObj(obj, ajaxObj.responseText);
               else updateObj(obj, ajaxObj.status+' '+ajaxObj.statusText,1,1);
            }
            alert("14");
        }}
        
    </script>

Может ли быть проблема с php кодом или наличие большого количества разметки html в скрипте может как то влиять на работу?

@UNSET · 14.02.2013, 13:47

Я так и не понял где обрабатывается скрипт: url?

Попробуйте в обработчике события прописать:

PHP
1
header("Content-Type: text/html; charset=windows-1251");

Сдается мне, что дело в кодировке.

@tigra · 14.02.2013, 13:54 **[ТС]**

При выборе элемента списка вызывается событие onchange и срабатывает функция ajaxLoad():

HTML5
1
2
<select name="marka" id="marka" onfocus="this.focus = false;"
        onchange="ajaxLoad('model', '/ajax/ajax.php?marka='+this.options[this.selectedIndex].value, '','',''); document.getElementById('model').disabled='';">

В первом сообщении приведен полный текст страницы и в <head> прописано:

HTML5
1
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />

@UNSET · 14.02.2013, 14:19

tigra,

Как то не могу разобраться, если это полный текст скрипта.

В начале идет:

PHP
1
2
3
4
   if(isset($_GET['marka'])){
        $cod = mb_detect_encoding(strval($_GET['marka']));
        $marka=$_SESSION['marka']=iconv($cod, "windows-1251", strval($_GET['marka']));
        echo "<option value='0'>- Выберите модель -</option>\n";

а где <select>?

почему этот кусок:

PHP
1
2
3
4
 echo "<tr><td>Марка автомобиля:  </td><td>".$marka."</td></tr>";
        echo "<tr><td>Модель автомобиля:  </td><td>".$model."</td></tr>";
        echo "<tr><td>Тип двигателя автомобиля:  </td><td>".$engine."</td></tr>";
        echo "</table><br /><br />";

стоит до заголовков:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    <meta name="author" content="" />
    <meta name="title" content="Аккумуляторы для автомобилей Контакты" />
    <meta name="keywords" content="аккумуляторы, Vortex, Varta, Forse, Exide, Mutlu, Mega" />
    <meta name="description" content="Широкий выбор автомобильных аккумуляторов на любой вкус по доступным ценам" /> 
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    <link rel="icon" href="images/ikonka.gif" type="image/gif" />
    
    <title>Подборка АКБ</title>
</head>
<body>

Они должны находится в самом верху. Может быть из-за этого проблемы? Нарушена структура документа, если новые браузеры еще вывозят, то IE глючит.

Потом у вас опшины беруться из:
"./files/".$marka.".txt"; там правильная кодировка??? Не UTF-8?

@tigra · 14.02.2013, 14:25 **[ТС]**

А как проверить кодировку в .txt файле?

@UNSET · 14.02.2013, 14:33

Скачайте Notepad2++...откройте им и посмотрите кодировку и сохраните как предварительно перекодируя.

@tigra · 14.02.2013, 15:11 **[ТС]**

Кодировка в текстовиках ANSI.

Добавлено через 15 минут
Если бы дело было в кодировке, то списки бы заполнялись, но символы были бы не читабельны!! А в моем случае нет ни одной строке в списке, даже той которая выводится в любом случае, например:

HTML5
1
<option value="0" selected="selected">- Выберите модель -</option>

Добавлено через 1 минуту
К стати в Сафари тоже все ОК!!!

@tigra · 21.02.2013, 13:57 **[ТС]**

Если кто-то столкнулся с такой проблемой вот то что помогло мне:
http://xandeadx.ru/blog/javascript/36
При использовании jquery скрипт работает во всех браузерах!!!!

Новые блоги и статьи Все статьи Все блоги /
Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .

@UNSET 1 / 1 / 1 Регистрация: 14.02.2013 Сообщений: 33
	14.02.2013, 13:18
	Вообще должен ошибку писать IE это любит. Попробуйте нажать F12 и проследить ошибку. Или в JS прописывать пошагово, например: alert("1"); Ну и смотреть на каком шаге перестанет появляться. 0

@tigra 13 / 13 / 2 Регистрация: 13.02.2013 Сообщений: 45
	14.02.2013, 14:25 [ТС]
	А как проверить кодировку в .txt файле? 0

@UNSET 1 / 1 / 1 Регистрация: 14.02.2013 Сообщений: 33
	14.02.2013, 14:33
	Скачайте Notepad2++...откройте им и посмотрите кодировку и сохраните как предварительно перекодируя. 0

@tigra 13 / 13 / 2 Регистрация: 13.02.2013 Сообщений: 45
	21.02.2013, 13:57 [ТС]
	Если кто-то столкнулся с такой проблемой вот то что помогло мне: http://xandeadx.ru/blog/javascript/36 При использовании jquery скрипт работает во всех браузерах!!!! 0