<?php
include '../utils/db.php';
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<script type="text/javascript" src="../utils/lib/prototype.js"></script>
<script type="text/javascript" src="../utils/src/scriptaculous.js"></script>
</head>
<body>
<div id="track2" style="height:100px;background-color:#aaa;width:5px;">
<div id="handle2" style="width:10px;height:5px;background-color:#f00;"> </div>
</div>
<p id="debug2"> </p>
<script type="text/javascript">
var slider = new Control.Slider('handle2','track2',{axis:'vertical', values:[4,3,2,1,0],range:$R(4,0),
onSlide:function(v){$('debug2').innerHTML='slide: '+v},
onChange:function(v){$('debug2').innerHTML='changed! '+v}});
function ajax()
{
var xhr=null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//on définit l'appel de la fonction au retour serveur
xhr.onreadystatechange = function() { alert_ajax(xhr); };
//on appelle le fichier reponse.txt
xhr.open("GET", "./essai.php", true);
xhr.send(null);
}
function alert_ajax(xhr)
{
var docXML= xhr.responseXML;
var items = docXML.getElementsByTagName("donnee")
//on fait juste une boucle sur chaque élément "donnee" trouvé
i=0
var etage = items.item(i).firstChild.data;
slider.setValue(etage);
}
new PeriodicalExecuter(ajax,2);
</script>
</body>
</html>
Partager