Nageurs.com > Afficher les horaires des piscines sur son site avec JSON
Voici comment mettre les horaires de votre piscine préférée sur votre site web :
<html>
<head>
<script type="text/javascript">
function charger_piscines(id_piscines, id_activite) {
var script = document.createElement('script');
script.src = "http://www.nageurs.com/xmlhoraires.cgi?id_piscines=" + id_piscines + "&id_activite=" + id_activite + "&json=1";
document.body.appendChild(script);
}
function json_callback(json) {
var piscine = json["grille"]["piscine"][0];
var nom = piscine["nom"];
var url = piscine["url"];
var jours = piscine["calendrier"]["jour"];
document.getElementById('nom_piscine').innerHTML = nom;
document.getElementById('nom_piscine').href = url;
for(i = 0 ; i < 7 ; i ++) {
document.getElementById('j'+i).innerHTML = jours[i]['date'];
document.getElementById('h'+i).innerHTML = jours[i]['horaires'];
}
}
</script>
</head>
<body>
<script type="text/javascript">
charger_piscines("bertrand_dauvin", 1);
</script>
<a href="#" id="nom_piscine">chargement...</a>
<table id="horaires">
<tr>
<td id="j0" class="pair"></td>
<td id="j1" class="impair"></td>
<td id="j2" class="pair"></td>
<td id="j3" class="impair"></td>
<td id="j4" class="pair"></td>
<td id="j5" class="impair"></td>
<td id="j6" class="pair"></td>
</tr>
<tr>
<td id="h0" class="pair"></td>
<td id="h1" class="impair"></td>
<td id="h2" class="pair"></td>
<td id="h3" class="impair"></td>
<td id="h4" class="pair"></td>
<td id="h5" class="impair"></td>
<td id="h6" class="pair"></td>
</tr>
</table>
</body>
</html>