/trunk/applications/rendu/squelettes/js/rendu_especes.js |
---|
1,193 → 1,3 |
var map = null; |
var tableau_marqueurs = new Array(); |
var infowindow = new google.maps.InfoWindow(); |
var infos_observations = new Array(); |
var type_espece = '0'; |
var espece = '0'; |
var evenement = '0'; |
var annee = '0'; |
var mois = '0'; |
var jour = '0'; |
var departement = '0'; |
var tableau_couleurs = new Array("#A9582B", "#8DC7B8","#ED9355","#A7BD5B", |
"#FFC730","#0000FF","#CC4369","#9CA6A2", |
"#F7E4A2","#DC574E","#3F6CA9","#DC6C4B", |
"#E8A794","#9B5F95","#E78EDE","#45808A", |
"#168F47","#C9A838","#F2EAD8","#1A5561", |
"#6D883A"); |
liste_mois = new Array("jan","fev","mar","avr","mai","jun","jui","aou","sep","oct","nov","dec"); |
evenements_debut_annee = new Array("") |
var tableau_couleurs_en_cours = new Array(); |
var timerSlider = null; |
function getUrlBaseJrest() { |
return urlBaseJrest; |
} |
function traiterParametresUrl() { |
var vars = [], hash; |
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
for(var i = 0; i < hashes.length; i++) |
{ |
hash = hashes[i].split('='); |
vars.push(hash[0]); |
vars[hash[0]] = hash[1]; |
} |
if(vars['type_espece'] != null) { |
type_espece = vars['type_espece']; |
$('#selecteur_liste_types_especes').val(type_espece); |
} |
if(vars['espece'] != null) { |
if(type_espece != '0') { |
modifierTableauEspeces(); |
} |
espece = vars['espece']; |
$('#selecteur_especes').val(espece); |
} |
if(vars['evenement'] != null) { |
if(espece != 0) { |
modifierTableauEvenement() |
} |
evenement = vars['evenement']; |
$('#selecteur_evenements').val(evenement); |
} |
if(vars['annee'] != null) { |
annee = vars['annee']; |
$('#selecteur_liste_annees').val(annee); |
} else { |
date = new Date() |
annee = date.getFullYear(); |
$('#selecteur_liste_annees').val(annee); |
} |
if(vars['mois'] != null) { |
mois = vars['mois']; |
} else { |
date = new Date() |
} |
if(vars['departement'] != null) { |
departement = vars['departement']; |
} |
if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') { |
$(".criteres").hide(); |
} |
} |
function obtenirCodeWidget() { |
var UrlBase = window.location; |
UrlBase += '?'; |
if(type_espece != '0') UrlBase += "type_espece="+type_espece; |
if(espece != '0') UrlBase += "&espece="+espece; |
if(evenement != '0') UrlBase += "&evenement="+evenement; |
if(annee != '0') UrlBase += "&annee="+annee; |
if(mois != '0') UrlBase += "&mois="+mois; |
UrlBase += "&cacher_criteres=1"; |
code_widget = '<iframe src="'+UrlBase+'" width="375px" height="470px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>' |
return code_widget; |
} |
$('#lien_cette_recherche').ready(function() { |
$('#lien_cette_recherche').click(function() { |
window.alert(obtenirCodeWidget()); |
return false; |
}); |
}); |
$(document).ready(function() { |
traiterParametresUrl(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant les gestion des filtres sur la carte |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function setDateSlider() { |
numeroJour = $("#slider_date").slider("value"); |
dateObs = new Date(annee,0,0); |
dateObs.setDate(dateObs.getDate()+numeroJour); |
mois = dateObs.getMonth(); |
jour = dateObs.getDay(); |
afficherObservations(); |
} |
function InitialiserIntervalleDateSlider() { |
} |
/*function est une anneeBissextile( |
return eval(an%4)==0 && !(eval(an%100)== 0 && eval(an%400)==0)); |
}*/ |
function initialiserSliderDates() { |
date_min = 1; |
date_max = 365; |
$("#slider_date").slider({ |
min: date_min, |
max: date_max, |
value: mois |
}); |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
valeurs_slider = '<table id="table_dates"><tbody><tr>'; |
for (i in liste_mois) { |
valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>'; |
} |
valeurs_slider += '</tr></tbody></table>'; |
$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}"); |
$("#valeurs_date").html(valeurs_slider); |
$("#slider_date").bind("slidestop", function(event, ui) { |
setDateSlider(); |
return true; |
}); |
$(window).bind("resize", resizeWindow); |
function resizeWindow( e ) { |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}"); |
} |
} |
function initialiserListeTypesEspeces() { |
$('#selecteur_liste_types_especes').change(function() { |
type_espece = $('select#selecteur_liste_types_especes option:selected').val(); |
modifierTableauEspeces(); |
obtenirObservations(); |
}); |
} |
function modifierTableauEspeces() { |
id_type_espece = $('select#selecteur_liste_types_especes option:selected').val(); |
288,168 → 98,6 |
} |
} |
function initialiserBoutonsSlider() { |
$('#demarrer_slider').click(function() { |
if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) { |
min_slider = $('#slider_date').slider("option","min"); |
$('#slider_date').slider("value",min_slider); |
} |
timerSlider = setInterval("incrementerValeurSlider()",150); |
$('#demarrer_slider').attr('disabled', 'disabled'); |
}); |
$('#arreter_slider').click(function() { |
if(timerSlider != null) { |
clearInterval(timerSlider); |
$('#demarrer_slider').removeAttr('disabled'); |
} |
}); |
} |
function initialiserValeursParDefaut() { |
id_type_espece = $('select#selecteur_liste_types_especes').val("2"); |
modifierTableauEspeces(); |
obtenirObservations(); |
} |
$('#slider_date').ready(function() { |
initialiserSliderDates(); |
initialiserBoutonsSlider(); |
initialiserListeTypesEspeces(); |
initialiserListeEspeces(); |
initialiserListeEvenements(); |
initialiserListeAnnees(); |
initialiserValeursParDefaut(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function initialiserCarte() { |
if($('#map_canvas').length == 0) { |
return; |
} |
var latlng = new google.maps.LatLng(47.0504, 2.2347); |
var myOptions = { |
zoom: 5, |
center: latlng, |
mapTypeId: google.maps.MapTypeId.HYBRID |
}; |
map = new google.maps.Map(document.getElementById("map_canvas"), |
myOptions); |
marker = new google.maps.Marker({ |
position: latlng, |
title:"" |
}); |
$('.lien_vers_profil').live('click', function(event) { |
event.preventDefault(); |
window.open($(this).attr('href')); |
return false; |
}); |
} |
function obtenirObservations() { |
requete = '?annee='+annee; |
if(type_espece != '0' && espece == '0') { |
requete += '&type_espece='+type_espece; |
} |
if(espece != '0') { |
requete += '&espece='+espece; |
} |
if(evenement != '0') { |
requete += '&evenement='+evenement; |
} |
if(departement != '0') { |
requete += '&departement='+departement; |
} |
$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) { |
infos_observations = jQuery.parseJSON(data); |
if(tableau_marqueurs.length > 0) { |
viderMarqueurs(); |
} |
for(i in infos_observations) { |
creerEtAjouterMarqueur(i, infos_observations[i]); |
} |
afficherObservations(); |
}); |
} |
function creerEtAjouterMarqueur(id_marqueur, infos_obs) { |
latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']); |
var chaine_couleur = ''; |
for(i in infos_obs.obs) { |
var observation = infos_obs.obs[i]; |
if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') { |
chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+","; |
} |
} |
chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1); |
var image = obtenirImagePourChaineCouleur(chaine_couleur); |
tableau_marqueurs[id_marqueur] = new google.maps.Marker({ |
position: latlng, |
title:infos_obs.evenenement, |
icon:image, |
optimized: false |
}); |
google.maps.event.addListener(tableau_marqueurs[id_marqueur], 'click', function() { |
contenu_fenetre = formaterContenuFenetre(infos_obs.obs); |
infowindow.close(); |
infowindow.content = contenu_fenetre; |
infowindow.open(map,this); |
}); |
tableau_marqueurs[id_marqueur].setDraggable(false); |
tableau_marqueurs[id_marqueur].setClickable(true); |
tableau_marqueurs[id_marqueur].setMap(map); |
} |
function viderMarqueurs() { |
infowindow.close(); |
for(i in tableau_marqueurs) { |
tableau_marqueurs[i].setMap(null); |
} |
tableau_marqueurs = new Array(); |
} |
function afficherObservations() { |
var chaine_couleur = ''; |
485,91 → 133,4 |
tableau_marqueurs[i].setVisible(false); |
} |
} |
} |
function obtenirImagePourChaineCouleur(chaine_couleur) { |
chaine_couleur = encodeURIComponent(chaine_couleur); |
var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur; |
return image; |
} |
function convertirDateObsVersJs(chaine_date) { |
tableau_date = chaine_date.split('/'); |
date_obs = new Date(); |
date_obs.setDate(tableau_date[0]); |
date_obs.setMonth(tableau_date[1]); |
date_obs.setFullYear(tableau_date[2]); |
return date_obs; |
} |
function dateEstDansIntervalle(t_obs) { |
date_obs = convertirDateObsVersJs(t_obs); |
dans_intervalle = false; |
var dateDebutAnnee = new Date(); |
dateDebutAnnee.setDate(1); |
dateDebutAnnee.setMonth(1); |
dateDebutAnnee.setFullYear(date_obs.getFullYear()); |
var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1; |
if($('#slider_date').slider("value") >= quantieme) { |
dans_intervalle = true; |
} |
return dans_intervalle; |
} |
function comparerDates(date_1, date_2){ |
diff = date_1.getTime()-date_2.getTime(); |
return (diff==0?diff:diff/Math.abs(diff)); |
} |
function obtenirMarqueurPourStade(stade) { |
iconeStade = '../images/marqueur_'+stade+'.png'; |
return iconeStade; |
} |
function formaterContenuFenetre(infos_obs) { |
contenu_fenetre = ''; |
date_courante = new Date(annee,mois,jour); |
for(i in infos_obs) { |
t_obs = infos_obs[i].date; |
if(dateEstDansIntervalle(t_obs)) { |
nom_stade =''; |
if(infos_obs[i].code_bbch != '') { |
nom_stade = ' stade '+infos_obs[i].code_bbch; |
} |
contenu_fenetre += '<div class="fenetre_infos">'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].evenenement+nom_stade+'</div>'; |
contenu_fenetre += '<div class="date_obs"> Observé le : '+infos_obs[i].date+' </div>'; |
contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant); |
contenu_fenetre += '</div><br />'; |
} |
} |
return contenu_fenetre; |
} |
function construireUrlProfilParticipant(id) { |
return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> Voir l\'auteur </a>'; |
} |
$('#map_canvas').ready(function() { |
initialiserCarte(); |
}); |
} |
/trunk/applications/rendu/squelettes/js/rendu_annees.js |
---|
1,193 → 1,3 |
var map = null; |
var tableau_marqueurs = new Array(); |
var infowindow = new google.maps.InfoWindow(); |
var infos_observations = new Array(); |
var type_espece = '0'; |
var espece = '0'; |
var evenement = '0'; |
var annee = '0'; |
var mois = '0'; |
var jour = '0'; |
var departement = '0'; |
var tableau_couleurs = new Array("#A9582B", "#8DC7B8","#ED9355","#A7BD5B", |
"#FFC730","#0000FF","#CC4369","#9CA6A2", |
"#F7E4A2","#DC574E","#3F6CA9","#DC6C4B", |
"#E8A794","#9B5F95","#E78EDE","#45808A", |
"#168F47","#C9A838","#F2EAD8","#1A5561", |
"#6D883A"); |
liste_mois = new Array("jan","fev","mar","avr","mai","jun","jui","aou","sep","oct","nov","dec"); |
evenements_debut_annee = new Array("") |
var tableau_couleurs_en_cours = new Array(); |
var timerSlider = null; |
function getUrlBaseJrest() { |
return urlBaseJrest; |
} |
function traiterParametresUrl() { |
var vars = [], hash; |
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
for(var i = 0; i < hashes.length; i++) |
{ |
hash = hashes[i].split('='); |
vars.push(hash[0]); |
vars[hash[0]] = hash[1]; |
} |
if(vars['type_espece'] != null) { |
type_espece = vars['type_espece']; |
$('#selecteur_liste_types_especes').val(type_espece); |
} |
if(vars['espece'] != null) { |
if(type_espece != '0') { |
modifierTableauEspeces(); |
} |
espece = vars['espece']; |
$('#selecteur_especes').val(espece); |
} |
if(vars['evenement'] != null) { |
if(espece != 0) { |
modifierTableauEvenement() |
} |
evenement = vars['evenement']; |
$('#selecteur_evenements').val(evenement); |
} |
if(vars['annee'] != null) { |
annee = vars['annee']; |
$('#selecteur_liste_annees').val(annee); |
} else { |
date = new Date() |
annee = date.getFullYear(); |
$('#selecteur_liste_annees').val(annee); |
} |
if(vars['mois'] != null) { |
mois = vars['mois']; |
} else { |
date = new Date() |
} |
if(vars['departement'] != null) { |
departement = vars['departement']; |
} |
if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') { |
$(".criteres").hide(); |
} |
} |
function obtenirCodeWidget() { |
var UrlBase = window.location; |
UrlBase += '?'; |
if(type_espece != '0') UrlBase += "type_espece="+type_espece; |
if(espece != '0') UrlBase += "&espece="+espece; |
if(evenement != '0') UrlBase += "&evenement="+evenement; |
if(annee != '0') UrlBase += "&annee="+annee; |
if(mois != '0') UrlBase += "&mois="+mois; |
UrlBase += "&cacher_criteres=1"; |
code_widget = '<iframe src="'+UrlBase+'" width="375px" height="470px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>' |
return code_widget; |
} |
$('#lien_cette_recherche').ready(function() { |
$('#lien_cette_recherche').click(function() { |
window.alert(obtenirCodeWidget()); |
return false; |
}); |
}); |
$(document).ready(function() { |
traiterParametresUrl(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant les gestion des filtres sur la carte |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function setDateSlider() { |
numeroJour = $("#slider_date").slider("value"); |
dateObs = new Date(annee,0,0); |
dateObs.setDate(dateObs.getDate()+numeroJour); |
mois = dateObs.getMonth(); |
jour = dateObs.getDay(); |
afficherObservations(); |
} |
function InitialiserIntervalleDateSlider() { |
} |
/*function est une anneeBissextile( |
return eval(an%4)==0 && !(eval(an%100)== 0 && eval(an%400)==0)); |
}*/ |
function initialiserSliderDates() { |
date_min = 1; |
date_max = 365; |
$("#slider_date").slider({ |
min: date_min, |
max: date_max, |
value: mois |
}); |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
valeurs_slider = '<table id="table_dates"><tbody><tr>'; |
for (i in liste_mois) { |
valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>'; |
} |
valeurs_slider += '</tr></tbody></table>'; |
$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}"); |
$("#valeurs_date").html(valeurs_slider); |
$("#slider_date").bind("slidestop", function(event, ui) { |
setDateSlider(); |
return true; |
}); |
$(window).bind("resize", resizeWindow); |
function resizeWindow( e ) { |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}"); |
} |
} |
function initialiserListeTypesEspeces() { |
$('#selecteur_liste_types_especes').change(function() { |
type_espece = $('select#selecteur_liste_types_especes option:selected').val(); |
modifierTableauEspeces(); |
obtenirObservations(); |
}); |
} |
function modifierTableauEspeces() { |
id_type_espece = $('select#selecteur_liste_types_especes option:selected').val(); |
295,180 → 105,6 |
}); |
} |
function incrementerValeurSlider() { |
var valeur_en_cours = $('#slider_date').slider("value"); |
if($('#slider_date').slider("value") < $('#slider_date').slider("option", "max")) { |
valeur_en_cours++; |
$('#slider_date').slider("value",valeur_en_cours); |
setDateSlider(); |
} else { |
clearInterval(timerSlider); |
$('#demarrer_slider').removeAttr('disabled'); |
} |
} |
function initialiserBoutonsSlider() { |
$('#demarrer_slider').click(function() { |
if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) { |
min_slider = $('#slider_date').slider("option","min"); |
$('#slider_date').slider("value",min_slider); |
} |
timerSlider = setInterval("incrementerValeurSlider()",150); |
$('#demarrer_slider').attr('disabled', 'disabled'); |
}); |
$('#arreter_slider').click(function() { |
if(timerSlider != null) { |
clearInterval(timerSlider); |
$('#demarrer_slider').removeAttr('disabled'); |
} |
}); |
} |
function initialiserValeursParDefaut() { |
id_type_espece = $('select#selecteur_liste_types_especes').val("2"); |
modifierTableauEspeces(); |
obtenirObservations(); |
} |
$('#slider_date').ready(function() { |
initialiserSliderDates(); |
initialiserBoutonsSlider(); |
initialiserListeTypesEspeces(); |
initialiserListeEspeces(); |
initialiserListeEvenements(); |
initialiserListeAnnees(); |
initialiserValeursParDefaut(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function initialiserCarte() { |
if($('#map_canvas').length == 0) { |
return; |
} |
var latlng = new google.maps.LatLng(47.0504, 2.2347); |
var myOptions = { |
zoom: 5, |
center: latlng, |
mapTypeId: google.maps.MapTypeId.HYBRID |
}; |
map = new google.maps.Map(document.getElementById("map_canvas"), |
myOptions); |
marker = new google.maps.Marker({ |
position: latlng, |
title:"" |
}); |
$('.lien_vers_profil').live('click', function(event) { |
event.preventDefault(); |
window.open($(this).attr('href')); |
return false; |
}); |
} |
function obtenirObservations() { |
requete = '?annee='+annee; |
if(type_espece != '0' && espece == '0') { |
requete += '&type_espece='+type_espece; |
} |
if(espece != '0') { |
requete += '&espece='+espece; |
} |
if(evenement != '0') { |
requete += '&evenement='+evenement; |
} |
if(departement != '0') { |
requete += '&departement='+departement; |
} |
$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) { |
infos_observations = jQuery.parseJSON(data); |
if(tableau_marqueurs.length > 0) { |
viderMarqueurs(); |
} |
for(i in infos_observations) { |
creerEtAjouterMarqueur(i, infos_observations[i]); |
} |
afficherObservations(); |
}); |
} |
function creerEtAjouterMarqueur(id_marqueur, infos_obs) { |
latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']); |
var chaine_couleur = ''; |
for(i in infos_obs.obs) { |
var observation = infos_obs.obs[i]; |
if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') { |
chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+","; |
} |
} |
chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1); |
var image = obtenirImagePourChaineCouleur(chaine_couleur); |
tableau_marqueurs[id_marqueur] = new google.maps.Marker({ |
position: latlng, |
title:infos_obs.evenenement, |
icon:image, |
optimized: false |
}); |
google.maps.event.addListener(tableau_marqueurs[id_marqueur], 'click', function() { |
contenu_fenetre = formaterContenuFenetre(infos_obs.obs); |
infowindow.close(); |
infowindow.content = contenu_fenetre; |
infowindow.open(map,this); |
}); |
tableau_marqueurs[id_marqueur].setDraggable(false); |
tableau_marqueurs[id_marqueur].setClickable(true); |
tableau_marqueurs[id_marqueur].setMap(map); |
} |
function viderMarqueurs() { |
infowindow.close(); |
for(i in tableau_marqueurs) { |
tableau_marqueurs[i].setMap(null); |
} |
tableau_marqueurs = new Array(); |
} |
function afficherObservations() { |
var chaine_couleur = ''; |
504,91 → 140,4 |
tableau_marqueurs[i].setVisible(false); |
} |
} |
} |
function obtenirImagePourChaineCouleur(chaine_couleur) { |
chaine_couleur = encodeURIComponent(chaine_couleur); |
var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur; |
return image; |
} |
function convertirDateObsVersJs(chaine_date) { |
tableau_date = chaine_date.split('/'); |
date_obs = new Date(); |
date_obs.setDate(tableau_date[0]); |
date_obs.setMonth(tableau_date[1]); |
date_obs.setFullYear(tableau_date[2]); |
return date_obs; |
} |
function dateEstDansIntervalle(t_obs) { |
date_obs = convertirDateObsVersJs(t_obs); |
dans_intervalle = false; |
var dateDebutAnnee = new Date(); |
dateDebutAnnee.setDate(1); |
dateDebutAnnee.setMonth(1); |
dateDebutAnnee.setFullYear(date_obs.getFullYear()); |
var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1; |
if($('#slider_date').slider("value") >= quantieme) { |
dans_intervalle = true; |
} |
return dans_intervalle; |
} |
function comparerDates(date_1, date_2){ |
diff = date_1.getTime()-date_2.getTime(); |
return (diff==0?diff:diff/Math.abs(diff)); |
} |
function obtenirMarqueurPourStade(stade) { |
iconeStade = '../images/marqueur_'+stade+'.png'; |
return iconeStade; |
} |
function formaterContenuFenetre(infos_obs) { |
contenu_fenetre = ''; |
date_courante = new Date(annee,mois,jour); |
for(i in infos_obs) { |
t_obs = infos_obs[i].date; |
if(dateEstDansIntervalle(t_obs)) { |
nom_stade =''; |
if(infos_obs[i].code_bbch != '') { |
nom_stade = ' stade '+infos_obs[i].code_bbch; |
} |
contenu_fenetre += '<div class="fenetre_infos">'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].evenenement+nom_stade+'</div>'; |
contenu_fenetre += '<div class="date_obs"> Observé le : '+infos_obs[i].date+' </div>'; |
contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant); |
contenu_fenetre += '</div><br />'; |
} |
} |
return contenu_fenetre; |
} |
function construireUrlProfilParticipant(id) { |
return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> Voir l\'auteur </a>'; |
} |
$('#map_canvas').ready(function() { |
initialiserCarte(); |
}); |
} |
/trunk/applications/rendu/squelettes/js/commun.js |
---|
0,0 → 1,451 |
var map = null; |
var tableau_marqueurs = new Array(); |
var infowindow = new google.maps.InfoWindow(); |
var infos_observations = new Array(); |
var type_espece = '0'; |
var espece = '0'; |
var evenement = '0'; |
var annee = '0'; |
var mois = '0'; |
var jour = '0'; |
var departement = '0'; |
var tableau_couleurs = new Array("#A9582B", "#8DC7B8","#ED9355","#A7BD5B", |
"#FFC730","#0000FF","#CC4369","#9CA6A2", |
"#F7E4A2","#DC574E","#3F6CA9","#DC6C4B", |
"#E8A794","#9B5F95","#E78EDE","#45808A", |
"#168F47","#C9A838","#F2EAD8","#1A5561", |
"#6D883A"); |
liste_mois = new Array("jan","fev","mar","avr","mai","jun","jui","aou","sep","oct","nov","dec"); |
evenements_debut_annee = new Array("") |
var tableau_couleurs_en_cours = new Array(); |
var timerSlider = null; |
function getUrlBaseJrest() { |
return urlBaseJrest; |
} |
function traiterParametresUrl() { |
var vars = [], hash; |
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
for(var i = 0; i < hashes.length; i++) |
{ |
hash = hashes[i].split('='); |
vars.push(hash[0]); |
vars[hash[0]] = hash[1]; |
} |
if(vars['type_espece'] != null) { |
type_espece = vars['type_espece']; |
$('#selecteur_liste_types_especes').val(type_espece); |
} |
if(vars['espece'] != null) { |
if(type_espece != '0') { |
modifierTableauEspeces(); |
} |
espece = vars['espece']; |
$('#selecteur_especes').val(espece); |
} |
if(vars['evenement'] != null) { |
if(espece != 0) { |
modifierTableauEvenement() |
} |
evenement = vars['evenement']; |
$('#selecteur_evenements').val(evenement); |
} |
if(vars['annee'] != null) { |
annee = vars['annee']; |
$('#selecteur_liste_annees').val(annee); |
} else { |
date = new Date() |
annee = date.getFullYear(); |
$('#selecteur_liste_annees').val(annee); |
} |
if(vars['mois'] != null) { |
mois = vars['mois']; |
} else { |
date = new Date() |
} |
if(vars['departement'] != null) { |
departement = vars['departement']; |
} |
if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') { |
$(".criteres").hide(); |
} |
} |
function obtenirCodeWidget() { |
var UrlBase = window.location; |
UrlBase += '?'; |
if(type_espece != '0') UrlBase += "type_espece="+type_espece; |
if(espece != '0') UrlBase += "&espece="+espece; |
if(evenement != '0') UrlBase += "&evenement="+evenement; |
if(annee != '0') UrlBase += "&annee="+annee; |
if(mois != '0') UrlBase += "&mois="+mois; |
UrlBase += "&cacher_criteres=1"; |
code_widget = '<iframe src="'+UrlBase+'" width="375px" height="470px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>' |
return code_widget; |
} |
$('#lien_cette_recherche').ready(function() { |
$('#lien_cette_recherche').click(function() { |
window.alert(obtenirCodeWidget()); |
return false; |
}); |
}); |
$(document).ready(function() { |
traiterParametresUrl(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant les gestion des filtres sur la carte |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function setDateSlider() { |
numeroJour = $("#slider_date").slider("value"); |
dateObs = new Date(annee,0,0); |
dateObs.setDate(dateObs.getDate()+numeroJour); |
mois = dateObs.getMonth(); |
jour = dateObs.getDay(); |
afficherObservations(); |
} |
function InitialiserIntervalleDateSlider() { |
} |
/*function est une anneeBissextile( |
return eval(an%4)==0 && !(eval(an%100)== 0 && eval(an%400)==0)); |
}*/ |
function initialiserSliderDates() { |
date_min = 1; |
date_max = 365; |
$("#slider_date").slider({ |
min: date_min, |
max: date_max, |
value: mois |
}); |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
valeurs_slider = '<table id="table_dates"><tbody><tr>'; |
for (i in liste_mois) { |
valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>'; |
} |
valeurs_slider += '</tr></tbody></table>'; |
$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}"); |
$("#valeurs_date").html(valeurs_slider); |
$("#slider_date").bind("slidestop", function(event, ui) { |
setDateSlider(); |
return true; |
}); |
$(window).bind("resize", resizeWindow); |
function resizeWindow( e ) { |
taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length)); |
$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}"); |
} |
} |
function initialiserListeTypesEspeces() { |
$('#selecteur_liste_types_especes').change(function() { |
type_espece = $('select#selecteur_liste_types_especes option:selected').val(); |
modifierTableauEspeces(); |
obtenirObservations(); |
}); |
} |
function incrementerValeurSlider() { |
var valeur_en_cours = $('#slider_date').slider("value"); |
if($('#slider_date').slider("value") < $('#slider_date').slider("option", "max")) { |
valeur_en_cours++; |
$('#slider_date').slider("value",valeur_en_cours); |
setDateSlider(); |
} else { |
clearInterval(timerSlider); |
$('#demarrer_slider').removeAttr('disabled'); |
} |
} |
function initialiserBoutonsSlider() { |
$('#demarrer_slider').click(function() { |
if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) { |
min_slider = $('#slider_date').slider("option","min"); |
$('#slider_date').slider("value",min_slider); |
} |
timerSlider = setInterval("incrementerValeurSlider()",150); |
$('#demarrer_slider').attr('disabled', 'disabled'); |
}); |
$('#arreter_slider').click(function() { |
if(timerSlider != null) { |
clearInterval(timerSlider); |
$('#demarrer_slider').removeAttr('disabled'); |
} |
}); |
} |
function initialiserValeursParDefaut() { |
id_type_espece = $('select#selecteur_liste_types_especes').val("2"); |
modifierTableauEspeces(); |
obtenirObservations(); |
} |
$('#slider_date').ready(function() { |
initialiserSliderDates(); |
initialiserBoutonsSlider(); |
initialiserListeTypesEspeces(); |
initialiserListeEspeces(); |
initialiserListeEvenements(); |
initialiserListeAnnees(); |
initialiserValeursParDefaut(); |
}); |
/** |
************************************************************************************************ |
************************************************************************************************ |
Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation |
************************************************************************************************ |
************************************************************************************************ |
**/ |
function initialiserCarte() { |
if($('#map_canvas').length == 0) { |
return; |
} |
var latlng = new google.maps.LatLng(47.0504, 2.2347); |
var myOptions = { |
zoom: 5, |
center: latlng, |
mapTypeId: google.maps.MapTypeId.HYBRID |
}; |
map = new google.maps.Map(document.getElementById("map_canvas"), |
myOptions); |
marker = new google.maps.Marker({ |
position: latlng, |
title:"" |
}); |
$('.lien_vers_profil').live('click', function(event) { |
event.preventDefault(); |
window.open($(this).attr('href')); |
return false; |
}); |
} |
function obtenirObservations() { |
requete = '?annee='+annee; |
if(type_espece != '0' && espece == '0') { |
requete += '&type_espece='+type_espece; |
} |
if(espece != '0') { |
requete += '&espece='+espece; |
} |
if(evenement != '0') { |
requete += '&evenement='+evenement; |
} |
if(departement != '0') { |
requete += '&departement='+departement; |
} |
$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) { |
infos_observations = jQuery.parseJSON(data); |
if(tableau_marqueurs.length > 0) { |
viderMarqueurs(); |
} |
for(i in infos_observations) { |
creerEtAjouterMarqueur(i, infos_observations[i]); |
} |
afficherObservations(); |
}); |
} |
function creerEtAjouterMarqueur(id_marqueur, infos_obs) { |
latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']); |
var chaine_couleur = ''; |
for(i in infos_obs.obs) { |
var observation = infos_obs.obs[i]; |
if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') { |
chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+","; |
} |
} |
chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1); |
var image = obtenirImagePourChaineCouleur(chaine_couleur); |
tableau_marqueurs[id_marqueur] = new google.maps.Marker({ |
position: latlng, |
title:infos_obs.evenenement, |
icon:image, |
optimized: false |
}); |
google.maps.event.addListener(tableau_marqueurs[id_marqueur], 'click', function() { |
contenu_fenetre = formaterContenuFenetre(infos_obs.obs); |
infowindow.close(); |
infowindow.content = contenu_fenetre; |
infowindow.open(map,this); |
}); |
tableau_marqueurs[id_marqueur].setDraggable(false); |
tableau_marqueurs[id_marqueur].setClickable(true); |
tableau_marqueurs[id_marqueur].setMap(map); |
} |
function viderMarqueurs() { |
infowindow.close(); |
for(i in tableau_marqueurs) { |
tableau_marqueurs[i].setMap(null); |
} |
tableau_marqueurs = new Array(); |
} |
function obtenirImagePourChaineCouleur(chaine_couleur) { |
chaine_couleur = encodeURIComponent(chaine_couleur); |
var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur; |
return image; |
} |
function convertirDateObsVersJs(chaine_date) { |
tableau_date = chaine_date.split('/'); |
date_obs = new Date(); |
date_obs.setDate(tableau_date[0]); |
date_obs.setMonth(tableau_date[1]); |
date_obs.setFullYear(tableau_date[2]); |
return date_obs; |
} |
function dateEstDansIntervalle(t_obs) { |
date_obs = convertirDateObsVersJs(t_obs); |
dans_intervalle = false; |
var dateDebutAnnee = new Date(); |
dateDebutAnnee.setDate(1); |
dateDebutAnnee.setMonth(1); |
dateDebutAnnee.setFullYear(date_obs.getFullYear()); |
var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1; |
if($('#slider_date').slider("value") >= quantieme) { |
dans_intervalle = true; |
} |
return dans_intervalle; |
} |
function comparerDates(date_1, date_2){ |
diff = date_1.getTime()-date_2.getTime(); |
return (diff==0?diff:diff/Math.abs(diff)); |
} |
function obtenirMarqueurPourStade(stade) { |
iconeStade = '../images/marqueur_'+stade+'.png'; |
return iconeStade; |
} |
function formaterContenuFenetre(infos_obs) { |
contenu_fenetre = ''; |
date_courante = new Date(annee,mois,jour); |
for(i in infos_obs) { |
t_obs = infos_obs[i].date; |
if(dateEstDansIntervalle(t_obs)) { |
nom_stade =''; |
if(infos_obs[i].code_bbch != '') { |
nom_stade = ' stade '+infos_obs[i].code_bbch; |
} |
contenu_fenetre += '<div class="fenetre_infos">'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>'; |
contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].evenenement+nom_stade+'</div>'; |
contenu_fenetre += '<div class="date_obs"> Observé le : '+infos_obs[i].date+' </div>'; |
contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant); |
contenu_fenetre += '</div><br />'; |
} |
} |
return contenu_fenetre; |
} |
function construireUrlProfilParticipant(id) { |
return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> Voir l\'auteur </a>'; |
} |
$('#map_canvas').ready(function() { |
initialiserCarte(); |
}); |