Jump to content
  • 0

DOM вместо innerHTML

adamsalex

Asked by adamsalex,

 Share

Question

adamsalex Explorer

adamsalex

Posted
Posted

Добрый день, не работает innerHTML в IE. Погуглил в итоге необходимо переписать с помощью DOM -не могу до конца понять как.

Суть необходимо - из БД mySQL запросами через AJAX получать в select значения (асинхронно). В комментарии кода "строим DOM" насколько я понял не хватает каких то параметров.

Index.html


//функция получения названия фирм из БД
function showFirm(str)
{
if (str=="")
  {
  document.getElementById("parts_firm").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)
    {
	// строим DOM
	var para = document.createElement("option");
	var txt = document.createTextNode(xmlhttp.responseText);
	para.appendChild(txt);
	document.getElementById('parts_firm').appendChild(para);

		//Через innerHTML не работает в IE
                //document.getElementById("parts_firm").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","load_form_ajax.php?t="+str,true);
xmlhttp.send();
}
......
<td>Производитель:</td>
			<td>
			<!-- передаем в select id="parts_firm" инфо из БД, запускаем showModel() -->
<select id="parts_firm" name="firm" onchange="showModel(this.value)"> 
<option></option>
</select>

Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0
br3t Explorer

br3t

Posted
Posted

Скрипт передаёт один (!) option с производителем, запуская запрос по изменению селекта, но по умолчанию в селекте только один пункт, потому никакого запроса не происходит

Поправьте меня,если я чего-то не усмотрел

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Быть не может. InnerHTML замечательно работает в ИЕ. Можно еще попробовать insertAdjasentHTML. Какую ошибку пишет ИЕ в консоли?

Пишет Неизвестная ошибка выполнения

Код 0

Строка 31 символ 5 - как раз начинается код document.getElementById("parts_firm").innerHTML=xmlhttp.responseText;

полный код ФУНКЦИИ 


function showFirm(str)
{
if (str=="")
  {
  document.getElementById("parts_firm").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("parts_firm").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","load_form_ajax.php?t="+str,true);
xmlhttp.send();
}

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

А что приходит в responseText? ИЕ к этому делу чуткий, мало ли обо что он спотыкается.

приходит вся страница с тэгами - в которой есть нужные данные -все броузеры кроме IE корректно отражают информацию

<head><br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: f in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>4</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: m in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>4</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: y in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>4</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<title>||</title><meta http-equiv='X-UA-Compatible' content='IE=7'/>

<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>

<meta name='robots' content='index, follow' />

<link rel='stylesheet' href='css/reset.css' type='text/css'/>

<link rel='stylesheet' href='css/main.css' type='text/css'/></head><option value="">выберите..</option><option value ="SUZUKI" >SUZUKI</option><option value ="DAIHATSU" >DAIHATSU</option><option value ="FUSO [MITSUBISHI_TRUCKS]" >FUSO [MITSUBISHI_TRUCKS]</option><option value ="HINO" >HINO</option><option value ="HONDA" >HONDA</option><option value ="ISUZU" >ISUZU</option><option value ="LEXUS" >LEXUS</option><option value ="MAZDA" >MAZDA</option><option value ="MITSUBISHI" >MITSUBISHI</option><option value ="NISSAN" >NISSAN</option><option value ="SUBARU" >SUBARU</option><option value ="TOYOTA" >TOYOTA</option><option value ="UD NISSAN_DIESEL" >UD NISSAN_DIESEL</option><br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: f in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>40</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: f in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>50</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: m in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>50</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: f in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>60</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: m in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>60</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: y in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>60</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: mysqli in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>66</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

<br />

<font size='1'><table class='xdebug-error' dir='ltr' border='1' cellspacing='0' cellpadding='1'>

<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Call to a member function close() on a non-object in C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php on line <i>66</i></th></tr>

<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>

<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>

<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0021</td><td bgcolor='#eeeeec' align='right'>356128</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\xampp\htdocs\frame\ARX\Form-local\load_form_ajax.php' bgcolor='#eeeeec'>..\load_form_ajax.php<b>:</b>0</td></tr>

</table></font>

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Да вы что? Тут же тихий ужас приходит! <table> завернутая в <font> это вообще что-то с чем-то, не говоря уже о <meta> и <title> посреди кода. Наличие <option> при отсутствии <select>. В общем оно и не должно работать.

В остальных браузерах это работает чудом. Просто парсер в остальных браузерах прощает даже грубейшие ошибки, чего на самом деле в вашем случае делать не стоит.

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Да вы что? Тут же тихий ужас приходит! <table> завернутая в <font> это вообще что-то с чем-то, не говоря уже о <meta> и <title> посреди кода. Наличие <option> при отсутствии <select>. В общем оно и не должно работать.

В остальных браузерах это работает чудом. Просто парсер в остальных браузерах прощает даже грубейшие ошибки, чего на самом деле в вашем случае делать не стоит.

В итоге как должно быть код load_form_ajax.php , даже если комментировать все в head результат аналогичный


<?php
include('db_login.php');
echo '<head>';
echo '<title>' .$f. '|' .$m. '|' .$y. '</title>';
echo "<meta http-equiv='X-UA-Compatible' content='IE=7'/>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name='robots' content='index, follow' />
<link rel='stylesheet' href='css/reset.css' type='text/css'/>
<link rel='stylesheet' href='css/main.css' type='text/css'/>";
echo '</head>';

$db = new mysqli($db_server, $db_login, $db_pass, $db_name);
$db->set_charset("utf8");// говорим что обрабатываем в скрипте в кодировке utf8
if(!$db) {
// Show error if we cannot connect.
echo 'ERROR: Could not connect to the database.';
} 
else {
//инициализируем переменные
if(isset($_GET['t'])) $t=$_GET['t']; // HTML -> PHP передаем type
if(isset($_GET['f'])) $f=$_GET['f']; // HTML -> PHP передаем firm
if(isset($_GET['m'])) $m=$_GET['m']; // HTML -> PHP передаем model
if(isset($_GET['y'])) $y=$_GET['y']; // HTML -> PHP передаем year

	echo'<option value="">выберите..</option>'; // подставляем первое значение в option для всех столбцов

	// получаем в форму название фирм из БД
	if(isset($_GET['f']) == '') {
	$query = $db->query("SELECT firm FROM firm WHERE type_id = '".$t."'");

		while ($result = $query ->fetch_object()) {
		  echo '<option value ="'.$result->firm.'" >' .$result->firm. '</option>';
		}
	}
		// получаем в форму название моделей из БД c проверкой что m пока не существует
		if(isset($_GET['m']) == '') {
			$query = $db->query("SELECT model FROM type,firm,model
					WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id
					AND type.type_id='" .$t. "' AND firm.firm = '".$f."'");

			while ($result = $query ->fetch_object()) {
			  echo '<option value ="'.$result->model.'" >' .$result->model. '</option>';
			}
		}
			// получаем в форму год из БД
			if(isset($_GET['y']) == '') {
				$query = $db->query("SELECT year FROM type,firm,model,year
						WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id AND model.model_id=year.model_id
						AND type.type_id='" .$t. "' AND firm.firm = '".$f."' AND model.model ='".$m."'");

				while ($result = $query ->fetch_object()) {
				  echo '<option value ="'. $result->year.'" >' .$result->year. '</option>';
				}
			}
					// получаем в форму кузов из БД
					$query = $db->query("SELECT frame FROM type,firm,model,year,frame
								WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id 
									AND model.model_id=year.model_id AND year.year_id=frame.year_id
								AND type.type_id='" .$t. "' AND firm.firm = '".$f."' AND model.model ='".$m."' AND year.year='".$y."'");

							while ($result = $query ->fetch_object()) {
							  echo '<option value ="'. $result->frame.'" >' .$result->frame. '</option>';
							}
}
$mysqli->close();  
?>

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Начните с простого. Закомментируйте весь код и оставьте для начала одну строку:

<?php
echo '<b style="color: red;">test</b>';
?>

И посмотрите что вам придет. Если эта строка придет нормально, то ищите проблему в вашем PHP, значит, что-то не так вы отдаете. Если даже этот код не вставится, тогда будем внимательно изучать ваш скрипт.

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted (edited)

Начните с простого. Закомментируйте весь код и оставьте для начала одну строку:

<?php
echo '<b style="color: red;">test</b>';
?>

И посмотрите что вам придет. Если эта строка придет нормально, то ищите проблему в вашем PHP, значит, что-то не так вы отдаете. Если даже этот код не вставится, тогда будем внимательно изучать ваш скрипт.

Теперь все ок- в load_form_ajax.php приходит


<option value="">выберите..</option><option value ="SUZUKI" >SUZUKI</option><option value ="DAIHATSU" >DAIHATSU</option><option value ="FUSO [MITSUBISHI_TRUCKS]" >FUSO [MITSUBISHI_TRUCKS]</option><option value ="HINO" >HINO</option><option value ="HONDA" >HONDA</option><option value ="ISUZU" >ISUZU</option><option value ="LEXUS" >LEXUS</option><option value ="MAZDA" >MAZDA</option><option value ="MITSUBISHI" >MITSUBISHI</option><option value ="NISSAN" >NISSAN</option><option value ="SUBARU" >SUBARU</option><option value ="TOYOTA" >TOYOTA</option><option value ="UD NISSAN_DIESEL" >UD NISSAN_DIESEL</option>

в HTML форме все вставляется в один селект сплошной строкой

насколько я понимаю нужно делать цикл которого у меня не хватает в js - сейчас код такой


xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
	var para = document.createElement("option");
	var txt = document.createTextNode(xmlhttp.responseText);
	para.appendChild(txt);
	document.getElementById('parts_firm').appendChild(para);
    }
  }
xmlhttp.open("GET","load_form_ajax.php?t="+str,true);
xmlhttp.send();
}

Edited by adamsalex
Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Вы вставляете текстовую ноду. Внутри текстовой ноды парсинг HTML не происходит. Потому там будет тупо текст. Вам лучше использовать не responseText, а responseXML, тогда на выходе вы получите XML и сможете перемещаться по его DOM-дереву.

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Вы вставляете текстовую ноду. Внутри текстовой ноды парсинг HTML не происходит. Потому там будет тупо текст. Вам лучше использовать не responseText, а responseXML, тогда на выходе вы получите XML и сможете перемещаться по его DOM-дереву.

ага сделал 


if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

	var para = document.createElement("option");
	var txt = document.createTextNode(xmlhttp.responseXML);
	para.appendChild(txt);
	document.getElementById('parts_firm').appendChild(para);

    }

теперь выдает в selecte [object] - где то я "DOM не достроил"

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Да не надо вообще createTextNode вызывать.

1) в load_form_ajax.php надо поставить XML-доктайп, чтобы быть уверенным, что придет XML.

<?xml version="1.0" encoding="UTF-8"?>

2) в переменную записываем полученный ответ сервера

var xml = xmlhttp.responseXML;

3) работаем с ним как с DOM

var options = xml.getElementsByTagName('option');

for (var i = 0, l = options.length; i < l; i++) {
  var option = options[i];
  document.getElementById('parts_firm').appendChild(option);
}

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Да не надо вообще createTextNode вызывать.

1) в load_form_ajax.php надо поставить XML-доктайп, чтобы быть уверенным, что придет XML.

<?xml version="1.0" encoding="UTF-8"?>

2) в переменную записываем полученный ответ сервера

var xml = xmlhttp.responseXML;

3) работаем с ним как с DOM

var options = xml.getElementsByTagName('option');

for (var i = 0, l = options.length; i < l; i++) {
  var option = options[i];
  document.getElementById('parts_firm').appendChild(option);
}

Да... теперь пишет 

xml is null
var options = xml.getElementsByTagName('option');

строчку 

<?xml version="1.0" encoding="UTF-8"?>

прописал в index.html, если прописать в

load_form_ajax.php, то так? 

echo '<xml version="1.0" encoding="UTF-8">';

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

В load_form_ajax.php, то так: echo '<?xml version="1.0" encoding="UTF-8"?>';

Строка должна быть самой первой.

сделал - ошибка осталась xml is null

передает такой код


ПараметрыЗаголовкиОтветHTML

<?xml version="1.0" encoding="UTF-8"?><option value="">выберите..</option><option value ="SUZUKI" >SUZUKI</option><option value ="DAIHATSU" >DAIHATSU</option><option value ="FUSO [MITSUBISHI_TRUCKS]" >FUSO [MITSUBISHI_TRUCKS]</option><option value ="HINO" >HINO</option><option value ="HONDA" >HONDA</option><option value ="ISUZU" >ISUZU</option><option value ="LEXUS" >LEXUS</option><option value ="MAZDA" >MAZDA</option><option value ="MITSUBISHI" >MITSUBISHI</option><option value ="NISSAN" >NISSAN</option><option value ="SUBARU" >SUBARU</option><option value ="TOYOTA" >TOYOTA</option><option value ="UD NISSAN_DIESEL" >UD NISSAN_DIESEL</option><br />

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Как выглядит load_form_ajax.php? Показывайте весь код.


<?php
echo '<?xml version="1.0" encoding="UTF-8"?>';
include('db_login.php');
/*echo '<head>';
echo '<title>' .$f. '|' .$m. '|' .$y. '</title>';
echo "<meta http-equiv='X-UA-Compatible' content='IE=7'/>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name='robots' content='index, follow' />
<link rel='stylesheet' href='css/reset.css' type='text/css'/>
<link rel='stylesheet' href='css/main.css' type='text/css'/>";
echo '</head>';*/

// не забываем менять на реальный сервер czmysql1
$db = new mysqli($db_server, $db_login, $db_pass, $db_name);
$db->set_charset("utf8");// говорим что обрабатываем в скрипте в кодировке utf8
if(!$db) {
// Show error if we cannot connect.
echo 'ERROR: Could not connect to the database.';
} 
else {
//инициализируем переменные
if(isset($_GET['t'])) $t=$_GET['t']; // HTML -> PHP передаем type
if(isset($_GET['f'])) $f=$_GET['f']; // HTML -> PHP передаем firm
if(isset($_GET['m'])) $m=$_GET['m']; // HTML -> PHP передаем model
if(isset($_GET['y'])) $y=$_GET['y']; // HTML -> PHP передаем year

	echo'<option value="">выберите..</option>'; // подставляем первое значение в option для всех столбцов

	// получаем в форму название фирм из БД
	if(isset($_GET['f']) == '') {
	$query = $db->query("SELECT firm FROM firm WHERE type_id = '".$t."'");

		while ($result = $query ->fetch_object()) {
		  echo '<option value ="'.$result->firm.'" >' .$result->firm. '</option>';
		}
	}
		// получаем в форму название моделей из БД c проверкой что m пока не существует
		if(isset($_GET['m']) == '') {
			$query = $db->query("SELECT model FROM type,firm,model
					WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id
					AND type.type_id='" .$t. "' AND firm.firm = '".$f."'");

			while ($result = $query ->fetch_object()) {
			  echo '<option value ="'.$result->model.'" >' .$result->model. '</option>';
			}
		}
			// получаем в форму год из БД
			if(isset($_GET['y']) == '') {
				$query = $db->query("SELECT year FROM type,firm,model,year
						WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id AND model.model_id=year.model_id
						AND type.type_id='" .$t. "' AND firm.firm = '".$f."' AND model.model ='".$m."'");

				while ($result = $query ->fetch_object()) {
				  echo '<option value ="'. $result->year.'" >' .$result->year. '</option>';
				}
			}
					// получаем в форму кузов из БД
					$query = $db->query("SELECT frame FROM type,firm,model,year,frame
								WHERE type.type_id=firm.type_id AND firm.firm_id=model.firm_id 
									AND model.model_id=year.model_id AND year.year_id=frame.year_id
								AND type.type_id='" .$t. "' AND firm.firm = '".$f."' AND model.model ='".$m."' AND year.year='".$y."'");

							while ($result = $query ->fetch_object()) {
							  echo '<option value ="'. $result->frame.'" >' .$result->frame. '</option>';
							}
}
$mysqli->close();  
?>

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Блин, я ж пишу: "начните с простого"!


<?xml version="1.0" encoding="UTF-8"?>
<root>
  <option value="0">выберите, что-то там</option>
  <option value="1">выберите пункт 1</option>
  <option value="2">выберите пункт 2</option>
  <option value="3">выберите пункт 3</option>
</root>

Начните с такого файла. Для чего тянуть метаинфу? Для чего <head>?

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted

Блин, я ж пишу: "начните с простого"!


<?xml version="1.0" encoding="UTF-8"?>
<root>
  <option value="0">выберите, что-то там</option>
  <option value="1">выберите пункт 1</option>
  <option value="2">выберите пункт 2</option>
  <option value="3">выберите пункт 3</option>
</root>

Начните с такого файла. Для чего тянуть метаинфу? Для чего <head>?

Возможно, что потребуется завернуть содержимое root в CDATA...

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted

Ну если там только спецсимволы есть. А так, по идее, нет необходимости.

Даже дело не в спецсимволах. Это делается, чтобы не нарваться на потенциальный баг, когда браузер попытается что-то сделать с документом предварительно, перед вставкой в HTML-контейнер. Хотя, может я и задротствую уже...

Link to comment
Share on other sites
  • 0
adamsalex Explorer

adamsalex

Posted
  • Author
Posted

Все всем спасибо кто участвовал - разобрался, проблема была в передаче нескольких запросов сразу в 1 селект + куча мусора, как только почистил мусор и стал передавать нормальный HTML все стало ОК

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept