WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/cartopoint/squelettes/scripts/carto.js

+}
 function attribuerListenersOverlay() {
 	$(window).resize(function() {
-		programmerRafraichissementCarte();
+		google.maps.event.trigger($('#carte'), 'resize');
 		definirTailleOverlay();
 		centrerTitreEtStats();
-		google.maps.event.trigger($('#carte'), 'resize');
+		programmerRafraichissementCarte();
 	});
 	$('#lien_plein_ecran a').click(function(event) {
-	$('#lien_plein_ecran a').click(function(event) {
+		window.open(window.location.href);
-		window.open(window.location.href);
+		event.preventDefault();
+	});
 	});
 	$('#lien_voir_cc a').click(function(event) {
-	$('#lien_voir_cc a').click(function(event) {
+		window.open($(this).attr('href'));
-		window.open($(this).attr('href'));
+		event.preventDefault();
 	});
+}
 function definirTailleOverlay() {
+	var largeurViewPort = $(window).width();
-	var largeurViewPort = $(window).width();
+	var taille = '1.6';
-	var taille = null;
+	var tailleMaxLogo = 50;
-	var tailleMaxLogo = 50;
+	var tailleMaxIcones = 20;
-	var tailleMaxIcones = 20;
+	var padding_icones = 8;
+	var tailleFiltre = 80;
-	var padding_icones = 8;
+	if (largeurViewPort <= 500) {
-	if (largeurViewPort <= 500) {
+		taille = '0.8';
-		taille = '0.8';
+		tailleMaxLogo = 20;
-		tailleMaxLogo = 20;
+		tailleMaxIcones = 10;
-		tailleMaxIcones = 10;
+		tailleFiltre = 60;
 		padding_icones = 2;
 	} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
-	} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
+		taille = '1.0';
-		taille = '1.0';
+		tailleMaxLogo = 40;
-		tailleMaxLogo = 40;
+		tailleMaxIcones = 15;
-		tailleMaxIcones = 15;
+		padding_icones = 6;
+		tailleFiltre = 60;
-		padding_icones = 6;
+	} else if (largeurViewPort > 800) {
-	} else if (largeurViewPort > 800) {
+		taille = '1.6';
-		taille = '1.6';
+		tailleMaxLogo = 50;
 	$('#lien_plein_ecran').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
 	$('#lien_voir_cc').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
+	$('#zone-stats').height(tailleMaxIcones*1.5);
+	$("#panneau-lateral").css('font-size', (taille*0.80)+'em');
+	$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
-	$('#zone-stats').height(tailleMaxIcones*1.5);
+	$("#panneau-lateral").width(tailleFiltre);
 	// Dimensionnement du titre et du logo
 	if(urlLogo != "null") {
 		hauteurLogo = $('#logo img').height();
+		}
 		largeurLogo = $('#logo img').width();
 		largeurTitre = $('#carte-titre-infos').width();
-		$('#zone-titre').css("height", (hauteurLogo)+"px");
+		$('#zone-titre').css("height", (hauteurLogo+5)+"px");
 		$('#zone-titre').css("width", (largeurLogo+largeurTitre+16)+"px");
 		if(titreCarte != 'null' && titreCarte != 0) {
 			$('#carte-titre-infos').css("position", "absolute");
+			$('#carte-titre-infos').css("left", (largeurLogo+16)+"px");
+			$('#carte-titre-infos').css("top", (hauteurLogo/2)+"px");
 			$('#carte-titre-infos').css("left", (largeurLogo+16)+"px");
-			$('#carte-titre-infos').css("top", (hauteurLogo/2)+"px");
+	} else {
 		$('#zone-titre').css("height", (tailleMaxIcones+5)+"px");
+	}
 function centrerTitre() {
 	var largeurViewPort = $(window).width();
 	var largeurTitre = $('#zone-titre').width();
 	var marge = (largeurViewPort - largeurTitre)/2;
 	$('#zone-titre').css("margin-left",marge);
+	var tailleRestante = largeurViewPort - (marge + largeurTitre);
+	if(tailleRestante <= 170) {
+		$('#zone-titre').css("top", "25px");
+	} else {
+		$('#zone-titre').css("top", "5px");
+	}
+}
 function centrerStats() {
 	var largeurViewPort = $(window).width();
 	var largeurStats = $('#zone-stats').width();
-	var marge = (largeurViewPort - largeurStats)/2;
+	var marge = ((largeurViewPort - largeurStats)/2) - 10;
 	$('#zone-stats').css("left",marge);
+}
     }, 400);
+}
 var marqueurs = new Array();
+function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
-function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
+	cacherMessageAucuneObs()
 	var url = stationsUrl+
 		'&zoom='+zoom+
 		'&ne='+NELatLng+
 	$('#zone-chargement-point').css('display','none');
+}
 function afficherMessageAucuneObs() {
 	centrerDansLaPage($('#message-aucune-obs'));
+	$('#message-aucune-obs').show();
+}
+function cacherMessageAucuneObs() {
+	centrerDansLaPage($('#message-aucune-obs'));
-	selecteur.show();
+	$('#message-aucune-obs').hide();
+}
 premierChargement = true;
 	} else if (etreMarqueurGroupe(id)) {
 		google.maps.event.addListener(marqueur, 'click', surClickGroupe);
+	}
+}
 var pointCentreAvantAffichageInfoBulle = null;
+function surClickMarqueur(event) {
-function surClickMarqueur(event) {
+	pointCentreAvantAffichageInfoBulle = map.getCenter();
 	if(infoBulleOuverte) {
 	    infoBulle.close();
+	}
 	google.maps.event.addListener(infoBulle, 'content_changed', definirLargeurInfoBulle);
+}
 function surFermetureInfoBulle() {
+	infoBulleOuverte = false;
-	infoBulleOuverte = false;
+	map.panTo(pointCentreAvantAffichageInfoBulle);
 	programmerRafraichissementCarte();
+}
+}
 function afficherInfoBulle() {
 	var obsHtml = $("#tpl-obs").html();
+	var largeur = definirLargeurInfoBulle();
-	var largeur = definirLargeurInfoBulle();
+	var taillePolice = definirTaillePoliceInfoBulle();
 	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
+	infoBulle.setContent(obsHtml);
-	infoBulle.setContent(obsHtml);
+	$('#observations').css('font-size',taillePolice+'em');
 	chargerObs(0, 0);
 	infoBulleOuverte = true;
+}
 function definirLargeurInfoBulle() {
 	var largeurViewPort = $(window).width();
+	var largeurInfoBulle = null;
+	if (largeurViewPort < 400) {
-	var lageurInfoBulle = null;
+		largeurInfoBulle = 300;
-	if (largeurViewPort < 800) {
+	} else if (largeurViewPort < 800) {
 		largeurInfoBulle = 400;
 	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
 		largeurInfoBulle = 500;
 	} else if (largeurViewPort >= 1200) {
 		largeurInfoBulle = 600;
+	}
+	return largeurInfoBulle;
+}
+function definirTaillePoliceInfoBulle() {
+	var largeurViewPort = $(window).width();
+	var taillePolice = null;
+	if (largeurViewPort < 400) {
+		taillePolice = 0.8;
+	} else if (largeurViewPort < 800) {
+		taillePolice = 1;
+	}
-	return largeurInfoBulle;
+	return taillePolice;
+}
 function afficherMessageChargement(element) {
 	if ($('#chargement').get() == '') {
 function afficherTaxons() {
 	$(".plantes-nbre").text(taxonsCarte.length);
 	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
+	$('.taxon').live('click', filtrerParTaxon);
-	$('.taxon').live('click', filtrerParTaxon);
+	$('.raz-filtre-taxons').live('click', viderFiltreTaxon);
-}
+}
+var largeurPanneauLateralFerme = null;
+function afficherPanneauLateral() {
-function afficherPanneauLateral() {
+	$('#panneau-lateral').height($(window).height() - $('#panneau-lateral').offset().top);
-	$('#panneau-lateral').height($(window).height());
+	largeurPanneauLateralFerme = $('#panneau-lateral').width();
 	$('#panneau-lateral').width(300);
 	$('#pl-contenu').css('display', 'block');
 	$('#pl-ouverture').css('display', 'none');
+	$('#pl-fermeture').css('display', 'block');
-	$('#pl-fermeture').css('display', 'block');
+	// correction pour la taille de la liste des taxons
-	$('#panneau-lateral').css("top","0");
+	$('#pl-corps').height($(window).height() - $('#pl-corps').offset().top);
 	google.maps.event.trigger(map, 'resize');
 };
 function cacherPanneauLateral() {
-	$('#panneau-lateral').height("60px");
+	$('#panneau-lateral').height("65px");
-	$('#panneau-lateral').width("83px");
+	$('#panneau-lateral').width(largeurPanneauLateralFerme+"px");
 	$('#pl-contenu').css('display', 'none');
+	$('#pl-ouverture').css('display', 'block');
+	$('#pl-fermeture').css('display', 'none');
+	google.maps.event.trigger(map, 'resize');
-	$('#pl-ouverture').css('display', 'block');
+};
 	$('#pl-fermeture').css('display', 'none');
 function viderFiltreTaxon() {
-	google.maps.event.trigger(map, 'resize');
+	$('.taxon-actif .taxon').click();
 };

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/cartopoint/squelettes/scripts/carto.js @ 3220 – Rev 1442 → 1445