<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-51" />
<link href="style_accueil.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ch.renier.free.fr/opendata/jquery.js"></script>
<title>Liste Activités</title>
<script type="text/javascript" >
var url = "keke.json";
$.get(url,function(json){
var r = $(json.d);
r.each(function(i,data){
$('#nom').append('<td>'+i+'.'+'
'+data.nom+'</td>');
$('#adresse').append('<td>'+data.adresse1+'</td>');
$('#ville').append('<td>'+data.ville+'</td>');
$('#acti').append('<td>'+data.type_activite+'</td>');
$('#nomm').append('<option>'+data.ville); // Affiche dans les listes déroulantes
$('#actt').append('<option>'+data.type_activite); // '' '' '' ''
});
$('#nomm').change(function() {
var y = $('#nomm option:selected').text();
document.getElementById('nom').innerHTML=null;
document.getElementById('adresse').innerHTML=null;
document.getElementById('ville').innerHTML=null;
document.getElementById('acti').innerHTML=null;
r.each(function(i,data){
if(y == data.ville){
$('#nom').append('<td>'+i+'.'+'
'+data.nom+'</td>');
$('#adresse').append('<td>'+data.adresse1+'</td>');
//$('#ville').append('<td>'+data.ville+'</td>'); // Quand on trie par ville, on ne réaffiche pas la ville dans le tableau
$('#acti').append('<td>'+data.type_activite+'</td>');
}
});
});
$('#actt').change(function() {
var z = $('#actt option:selected').text();
document.getElementById('nom').innerHTML=null;
document.getElementById('adresse').innerHTML=null;
document.getElementById('ville').innerHTML=null;
document.getElementById('acti').innerHTML=null;
r.each(function(i,data){
if(z == data.type_activite){
$('#nom').append('<td>'+i+'.'+'
'+data.nom+'</td>');
$('#adresse').append('<td>'+data.adresse1+'</td>');
$('#ville').append('<td>'+data.ville+'</td>');
//$('#acti').append('<td>'+data.type_activite+'</td>'); // Quand on trie par activité, on ne réaffiche pas les activités dans le tableau
}
});
});
})
</script>
</head>
SAONE ET LOISIRS
<label> [index.html Accueil ]</label>
<label> [activites.html Liste Activités ]</label>
<label> [carte.html Carte ]</label>
<center>
Trier Par :
<form>
<label>Ville : </label>
<select name="ville" size="1" id="nomm">
</select>
<label>ou par</label>
<label>Type d'Activité : </label>
<select name="actt" size="1" id="actt" />
</select>
</form></center>
</html>