WebSVN – Sites.obs-saisons.fr – /trunk/applications/rendu/squelettes/js/rendu.js

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 = '1';

function getUrlBaseJrest() {
        
        url_page_courante = document.URL;
        
        if(url_page_courante.indexOf('http://www.') != -1) {
                return urlBaseJrest;
        } else {
                return urlBaseJrest.replace('http://www.','http://');
        }
}

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()
                mois = date.getMonth() + 1;
        }
        
        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 initialiserSliderDates() {
        
        dates = new Array("jan","fev","mar","avr","mai","jun","jui","aou","sep","oct","nov","dec");
        
        $("#slider_date").slider({
                                                                min: 1,
                                                                max: 13,
                                                                value: mois
                                                        });
        
        taille_criteres = Math.round($("#slider_date").width()/(dates.length));
        
        valeurs_slider = '<table id="table_dates"><tbody><tr>';
        
        for (i in dates) {
                valeurs_slider += '<td class="conteneur_date">'+dates[i]+'</td>';
        }
        
        valeurs_slider += '</tr></tbody></table>';
        
        $("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}");
        
        $("#valeurs_date").html(valeurs_slider);
                
        $("#slider_date").bind("slide", function(event, ui) {
                
                mois = $("#slider_date").slider("value");
                obtenirObservations();  
                return true;
        });
        
        $(window).bind("resize", resizeWindow);
        function resizeWindow( e ) {
                taille_criteres = Math.round($("#slider_date").width()/(dates.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();
        
        $elements_liste = tableau_especes[id_type_espece];

        chaine_elements_liste = '';
        chaine_elements_liste = '<option value="0" class="espece_type_0" selected="selected"> toutes les esp&egrave;ces </option>';
        for(i in $elements_liste) { 
                chaine_elements_liste += '<option value='+i+'>'+$elements_liste[i]+'</option>';
        }
        
        $('#selecteur_especes').html(chaine_elements_liste);    
}

function initialiserListeEspeces() {
        
        $('#selecteur_especes').change(function() {
                espece = $('select#selecteur_especes option:selected').val();
                modifierTableauEvenements();
                obtenirObservations();  
        });
}

function modifierTableauEvenements() {

        id_espece = $('select#selecteur_especes option:selected').val();
        
        $elements_liste = tableau_evenements_especes[id_espece];
        $elements_liste = $elements_liste.split(',');
        
        chaine_elements_liste = '';
        chaine_elements_liste = '<option value="0" class="espece_type_0" selected="selected"> tous les ev&egrave;nements </option>';
        for(i in $elements_liste) { 
                chaine_elements_liste += '<option value='+$elements_liste[i]+'>'+tableau_evenements[$elements_liste[i]]+'</option>';
        }
        
        $('#selecteur_evenements').html(chaine_elements_liste); 
}

function initialiserListeEvenements() {
        
        $('#selecteur_evenements').change(function() {          
                evenement = $('select#selecteur_evenements option:selected').val();
                obtenirObservations();  
        });
}

function initialiserListeAnnees() {
        
        $('#selecteur_liste_annees').change(function() {
                annee = $('select#selecteur_liste_annees option:selected').val();
                obtenirObservations();  
        });
}

$('#slider_date').ready(function() {
        initialiserSliderDates();
        initialiserListeTypesEspeces();
        initialiserListeEspeces();
        initialiserListeEvenements();
        initialiserListeAnnees();
        obtenirObservations();
});


/** 
        ************************************************************************************************
        ************************************************************************************************
        
            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:""
        });
}

function obtenirObservations() {
                
        requete = '?annee='+annee+'&mois='+mois;
        
        if(type_espece != '0' && espece == '0') { 
                requete += '&type_espece='+type_espece; 
        }
        
        if(espece != '0') { 
                requete += '&espece='+espece; 
        }
        
        if(evenement != '0') { 
                requete += '&evenement='+evenement;
        }
        
        $.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]);
                }
        });
}

function creerEtAjouterMarqueur(id_marqueur, infos_obs) {
        
        latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']);
        
        tableau_marqueurs[id_marqueur] = new google.maps.Marker({
              position: latlng,
              title:infos_obs.evenenement
        });
                
        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 formaterContenuFenetre(infos_obs) {
        
        contenu_fenetre = '';
        
        for(i in infos_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&eacute; le : '+infos_obs[i].date+' </div>';
                contenu_fenetre += '</div><br />';
        }
        
        return contenu_fenetre;
}
        

$('#map_canvas').ready(function() {
        initialiserCarte();
});
Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/rendu/squelettes/js/rendu.js @ 206 – Rev
