A
ArtIntellAnd
Привет всем, такая проблемка. Есть select, в котором содержатся некоторые значения (код страницы html ниже). При выборе значения select'a выполняется скриптип на php и с помощью ajax обновляется блок div. А как сделать чтобы после выбора значения select'a php скрипт выполнялся через промежуток времени. Т.е. например выбрали машину, и в див постоянно обновлялся значениями из базы данных по этой машине через 5 секунд.
Код html:
<!--shcode--><pre><code class='html'><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery.min.js"></script>
</HEAD>
<BODY>
<div id='object' style='width:250px; height:695px; border: solid 2px #0062CE; top:225px; left:3px; position:absolute;'>
<font color='#2901A3' face='verdana' size='4'> Трамваи<br>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
{
document.getElementById("vrema").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("vrema").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","vremati.php?q="+str,true);
xmlhttp.send();
}
</script>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Выберите остановку:</option>
<option value="1">Рынок (3)</option>
<option value="2">Рынок (1,2)</option>
<option value="3">Рынок (1,2,4)</option>
<option value="4">Ст. Разина</option>
<option value="5"> Ж. Вокзал</option>
<option value="6">Ст. Городок</option>
<option value="7">Заводская</option>
<option value="8">Волжская</option>
<option value="9">Станиславского</option>
<option value="10">Солнечный</option>
<option value="11">Автовокзал</option>
<option value="12">Братская</option>
</select>
</form>
<div id="vrema"></div>
</font>
</div>
</BODY>
</HTML>[/CODE]
Код html:
<!--shcode--><pre><code class='html'><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery.min.js"></script>
</HEAD>
<BODY>
<div id='object' style='width:250px; height:695px; border: solid 2px #0062CE; top:225px; left:3px; position:absolute;'>
<font color='#2901A3' face='verdana' size='4'> Трамваи<br>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
{
document.getElementById("vrema").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("vrema").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","vremati.php?q="+str,true);
xmlhttp.send();
}
</script>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Выберите остановку:</option>
<option value="1">Рынок (3)</option>
<option value="2">Рынок (1,2)</option>
<option value="3">Рынок (1,2,4)</option>
<option value="4">Ст. Разина</option>
<option value="5"> Ж. Вокзал</option>
<option value="6">Ст. Городок</option>
<option value="7">Заводская</option>
<option value="8">Волжская</option>
<option value="9">Станиславского</option>
<option value="10">Солнечный</option>
<option value="11">Автовокзал</option>
<option value="12">Братская</option>
</select>
</form>
<div id="vrema"></div>
</font>
</div>
</BODY>
</HTML>[/CODE]