Здравствуйте, подскажите как собрать все в рабочую конструкцию.
Есть следующий код который рисует гравик относительнео тех значений которые, прописываем руцями в хтмл.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>jQuery Sparklines Simple Example</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<script type="text/javascript" src="jquery_sparkline/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery_sparkline/jquery.sparkline.js"></script>
<script type="text/javascript">
$(function() {
$('.bullet').sparkline( 'html', { type:'bullet',
targetColor : 'red',
targetWidth : 3,
performanceColor : 'blue',
rangeColors : ['#FFCC99', '#FFFFFF', '#CCCCFF' ],
width:'100px',
height: '15px',
});
});
</script>
</head>
<body>
<table width="1000" align="center" border="0">
<tr>
<td width="200" height="250">
<center> Птичник1 </center>
<table>
<tr>
<td>
<table heigt="">
<tr>
<td>39</td>
<td name="cell"><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
</table>
</td>
<td><p style="font-size:20px;">39.0</p></td>
</tr>
</table>
<table>
<tr>
<td>
<table heigt="80">
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
</table>
</td>
<td><p style="font-size:20px;">39.0</p></td>
</tr>
</table>
<table>
<tr>
<td>
<table heigt="80">
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
<tr>
<td>39</td>
<td><span class="bullet">39,50,50,35,15</span></td>
</tr>
</table>
</td>
<td><p style="font-size:20px;">39.0</p></td>
</tr>
</table>
</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
нужно что бы каждые 30 секунд подтягивались даныые (которые нужно вставлять в html из xml файла)
вот нашел примеры ф-ии
<script type= "text/javascript">
var req;
var reqTimeout;
reloadData();
<!--ADD_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL, "tabdiv");-->
setInterval(reloadData,60000);
function loadXMLData(url) {
req = null;
if (window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch (e){}
} else if (window.ActiveXObject) {
try {
req = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e){
try {
req = new ActiveXObject('Microsoft.XMLHTTP');
} catch (e){}
}
}
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
reqTimeout = setTimeout("req.abort();", 5000);
} else {
alert("Браузер не поддерживает AJAX");
}
}
function reloadData() {
loadXMLData('curTable.php');
}
function processReqChange() {
if (req.readyState == 4) {
do***ent.getElementById('tabdiv').innerHTML = req.responseText;
}
}
</script>
но к сожалению не могу переделать под себя (с Ajax первое знакомство)
Подскажите, пожалуйста, как должен выглядеть содержимое xml файла с которого будут выводиться данные и что нужно изменить processReqChange(), reloadData(), loadXMLData() ?
Заранее благодарен!