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
|
<html>
<head>
<script type="text/javascript">
function loadXMLDoc(dname) // Fonction de chargement de la page XML
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else // Internet Explorer 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP"); // Compatibilité IE / FF
}
xhttp.open("POST",dname,false);
xhttp.send(null);
xmlDoc=xhttp.responseXML;
return xmlDoc;
}
</script>
</head>
<body>
<h1>Tableau des valeurs recueillies</h1>
<div id="content">Chargement en cours...</div> <!-- Ce texte sera remplacé au bout de x secondes -->
<script type="text/javascript">
setInterval(function(){
t = "<table border='1px'>";
xmlDoc=loadXMLDoc('http://10.220.90.18/cgi_bin/dataProxy?oper=queryTags&invis=1&rssi=1'); <!-- Le fichier XML chargé -->
x=xmlDoc.getElementsByTagName("Tag"); <!-- On se base sur le nombre de balises TAGs -->
for (i=0;i<x.length;i++)
{
y = z = "";
t +="<tr>";
y=xmlDoc.getElementsByTagName("Tag")[i].getAttribute("raw"); <!-- On récupère l'attribut RAW -->
t +="<td>"+y+"</td>";
z=xmlDoc.getElementsByTagName("Tag")[i].getAttribute("rssi"); <!-- On récupère l'attribut RSSI -->
t +="<td>"+z+"</td>";
t +="</tr>";
}
t += "</table>"; <!-- Attention, seul innerHTML permet de conserver l'interprétation graphique ( # de textarea)-->
document.getElementById("content").innerHTML=t
},
1000); <!-- Réactualisation toutes les secondes -->
</script>
</body>
</html> |
Partager