<!doctype html> <!-- html5 -->
<html lang="fr"> <!-- la langue -->
<head> <!-- début du head -->
<meta charset="utf-8"> <!-- type de codage -->
<title>Sonde DHT22</title> <!-- titre de la page -->
<link rel="stylesheet" href="index.css"> <!-- lien vers le fichier CSS (la déco) -->
<script src="jquery.js"></script> <!-- appel de la librairie jquery -->
<script src="highcharts.js"></script> <!-- appel de la librairie highcharts -->
<script src="gray.js"></script> <!-- appel du thème highcharts -->
<script src="RGraph.common.core.js"></script> <!-- appel de la librairie Rgraph -->
<script src="RGraph.common.csv.js"></script> <!-- appel de la librairie Rgraph -->
<script src="RGraph.gauge.js"></script> <!-- appel de la librairie Rgraph -->
<script src="graphe.js"></script> <!-- appel de notre graphe -->
<!-- fonction qui rafraîchi les jauges toute les 30 secondes -->
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#jauge').load('jauge.html').fadeIn("slow");
}, 30000); // rafraîchis toutes les 30s (30000 millisecondes) la div jauge
</script>
</head> <!-- fin du head -->
<body> <!-- début du body -->
<!------------------ la partie pour les jauges ----------------->
<div id="jauge">
<?php require "jauge.html"; ?>
</div>
<!------------------ la partie pour le graphe ----------------->
<h1>Graphe Highcharts</h1> <!-- titre -->
<div id="graphe"> <!-- la div qui contiendra le graphe -->
On mettra le graphe ici
</div>
</body> <!-- fin du body -->
</html> <!-- fin du html5 -->