Voici un nouveau code qui permet de faire l'actualisation avec le fichier XNet_Meteo.xml généré par XNet Meteo.
Après il est toujours possible de générer un xml avec GW si on veut ajouter des données.
Dans le code suivant il faut modifier la valeur du setinterval qui est à 2000 soit 2 secondes et changer les valeurs des fadeIn fadeOut pour tout mettre à votre convenance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=iso-8859-1" />
<meta http-Equiv="Cache-Control" Content="no-cache">
<meta http-Equiv="Pragma" Content="no-cache">
<meta http-Equiv="Expires" Content="-1">
<script type = "text/javascript"
src = "http://code.jquery.com/jquery-latest.js"></script>
<script type = "text/javascript">
$.ajaxSetup ({
cache: false
});
$(init);
function init(){
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "XNet_Meteo.xml",
dataType: "xml",
success: parseXml
});
});
}
function parseXml(xml)
{
$(xml).find("XNet_Meteo").each(function()
{
$("#output").html("");
$("#output").append($(this).find("TimeStamp").text()) + "<br>";
$("#output").append("<br>" + "Température: " + $(this).find("Temperature").eq(1).text() + " °C");
$("#output").append("<br>" + "Pression: " + $(this).find("Pressure_Relative").text() + " hPa");
$("#output").append("<br>" + "Point de rosée: " + $(this).find("DewPoint").eq(1).text() + " °C");
$("#output").append("<br>" + "Vent: " + ($(this).find("Wind_Speed").text() * "3.6").toFixed(2) + " km/h");
$("#output").append("<br>" + "Rafale: " + ($(this).find("Wind_Gust").text() * "3.6").toFixed(2) + " km/h");
$("#output").append("<br>" + "Direction: " + $(this).find("Wind_Direction").text() + " °");
$("#output").append("<br>" + "Pluie 1h: " + $(this).find("Rainfall_1h").text() + " mm");
$("#output").append("<br>" + "Pluie 24h: " + $(this).find("Rainfall_24h").text() + " mm");
$("#output").append("<br>" + "Index UV: " + $(this).find("UVIndex").text());
});
}
setInterval (init,2000);
</script>
<title>test.html</title>
</head>
<body>
<h1>Meteo</h1>
<div id = "output">
</div>
<script>
$(function () {
var $element = $('div');
function fadeInOut () {
$element.fadeIn(1000, function () {
$element.fadeOut(1500, function () {
$element.fadeIn(1500, function () {
setTimeout(fadeInOut, 500);
});
});
});
}
fadeInOut();
});
</script>
</body>
</html>
Connexion
FAQ
Rechercher
