Subversion Repositories eFlore/Applications.cel

Rev

Rev 1445 | Rev 1448 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1445 Rev 1447
Line 126... Line 126...
126
			stats += ' avec photos ';
126
			stats += ' avec photos ';
127
		}
127
		}
Line 128... Line 128...
128
		
128
		
129
		stats += ' sur '+(stationNbre+ communeNbre)+' station';
129
		stats += ' sur '+(stationNbre+ communeNbre)+' station';
130
		stats += (stationNbre > 1) ? 's' : '' ;
130
		stats += (stationNbre > 1) ? 's' : '' ;
131
 
131
		
132
		if (nt == '*') {
132
		if (nt == '*') {
133
			stats += ' parmi '+plteNbreFormate+' plante';
133
			stats += ' parmi '+plteNbreFormate+' plante';
134
			stats += (plteNbre > 1) ? 's' : '' ;
134
			stats += (plteNbre > 1) ? 's' : '' ;
135
		} else {
135
		} else {
Line 144... Line 144...
144
					stats += ' pour '+taxon.nom;
144
					stats += ' pour '+taxon.nom;
145
				}
145
				}
146
			}
146
			}
147
		}
147
		}
Line 148... Line -...
148
		
-
 
149
		$('#pl-indication-filtre').html('Filtrer parmi <br />'+plteNbre+'<br />plantes');
148
		
150
		$('#zone-stats').show();
149
		$('#zone-stats').show();
151
		$('#zone-stats > h1').text(stats);
150
		$('#zone-stats > h1').text(stats);
152
	}
151
	}
153
	centrerTitreEtStats();
152
	centrerTitreEtStats();
Line 165... Line 164...
165
	$('#lien_plein_ecran a').click(function(event) {
164
	$('#lien_plein_ecran a').click(function(event) {
166
		window.open(window.location.href);
165
		window.open(window.location.href);
167
		event.preventDefault();
166
		event.preventDefault();
168
	});
167
	});
Line 169... Line 168...
169
	
168
	
170
	$('#lien_voir_cc a').click(function(event) {
169
	$('#lien-voir-cc a').click(function(event) {		
171
		window.open($(this).attr('href'));
170
		ouvrirPopUp(this, 'Avertissement', event);
172
		event.preventDefault();
171
		event.preventDefault();
173
	});
172
	});
Line 174... Line 173...
174
}
173
}
175
 
174
 
176
function definirTailleOverlay() {
175
function definirTailleOverlay() {
177
	var largeurViewPort = $(window).width();
176
	var largeurViewPort = $(window).width();
178
	var taille = '1.6';
177
	var taille = '1.6';
179
	var tailleMaxLogo = 50;
178
	var tailleMaxLogo = 60;
180
	var tailleMaxIcones = 20;
179
	var tailleMaxIcones = 10;
181
	var padding_icones = 8;
180
	var padding_icones = 8;
182
	var tailleFiltre = 80;
181
	var tailleFiltre = 80;
183
	if (largeurViewPort <= 500) {
-
 
184
		taille = '0.8';
182
	if (largeurViewPort <= 500) {
185
		tailleMaxLogo = 20;
183
		taille = '1.2';
186
		tailleMaxIcones = 10;
184
		tailleMaxIcones = 10;
187
		tailleFiltre = 60;
-
 
188
		padding_icones = 2;
185
		tailleFiltre = 65;
189
		
186
		padding_icones = 2;	
190
	} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
-
 
191
		taille = '1.0';
187
	} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
192
		tailleMaxLogo = 40;
188
		taille = '1.4';
193
		tailleMaxIcones = 15;
189
		tailleMaxIcones = 15;
194
		padding_icones = 6;
190
		padding_icones = 6;
195
		tailleFiltre = 60;
191
		tailleFiltre = 65;
196
	} else if (largeurViewPort > 800) {
-
 
197
		taille = '1.6';
192
	} else if (largeurViewPort > 800) {
198
		tailleMaxLogo = 50;
193
		taille = '1.6';
199
		tailleMaxIcones = 20;
194
		tailleMaxIcones = 20;
200
		padding_icones = 8;
195
		padding_icones = 8;
Line 201... Line 196...
201
		tailleFiltre = 80;
196
		tailleFiltre = 80;
202
	}
197
	}
Line -... Line 198...
-
 
198
	
-
 
199
	// Aménagement de la taille de police selon l'écran
-
 
200
	$("#carte-titre").css('font-size', taille+'em');
-
 
201
	
203
	
202
	$("#zone-stats h1").css('font-size', Math.round((taille*0.75*100)/100)+'em');
204
	// Aménagement de la taille de police selon l'écran
203
	$("#zone-stats").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");	
-
 
204
	$('#zone-stats').height(tailleMaxIcones*1.5);
Line 205... Line 205...
205
	$("#carte-titre").css('font-size', taille+'em');
205
	
206
	
206
	$("#zone-titre h1").css('font-size', (taille)+'em');
207
	$("#zone-stats h1").css('font-size', taille+'em');
-
 
Line -... Line 207...
-
 
207
	$("#zone-titre").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");	
208
	$("#zone-stats").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
208
	$('#zone-titre').height(tailleMaxIcones*2);
-
 
209
	
-
 
210
	$('.icone').height(tailleMaxIcones);
-
 
211
	$('#lien_plein_ecran').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
Line 209... Line -...
209
	
-
 
210
	$('.icone').height(tailleMaxIcones);
212
	
-
 
213
	$('#lien-voir-cc').css("font-size", taille+"em");
211
	$('#lien_plein_ecran').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
214
	$('#lien-voir-cc').css("padding", padding_icones+"px");
Line 212... Line 215...
212
	$('#lien_voir_cc').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px");
215
	
213
	
-
 
214
	$('#zone-stats').height(tailleMaxIcones*1.5);
216
	$("#panneau-lateral").css('font-size', (taille*0.9)+'em');
215
	
217
	$("#pl-contenu").css('font-size', (taille/2)+'em');
216
	$("#panneau-lateral").css('font-size', (taille*0.80)+'em');
218
	
217
	$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
219
	$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
218
	$("#panneau-lateral").width(tailleFiltre);
220
	$('#pl-ouverture').height(((padding_icones*2)+$('#panneau-lateral').height())+"px");
-
 
221
	$("#panneau-lateral").width(tailleFiltre);
219
	
222
	
220
	// Dimensionnement du titre et du logo
223
	// Dimensionnement du titre et du logo
221
	if(urlLogo != "null") {
224
	hauteurLogo = $('.image-logo').height();
222
		hauteurLogo = $('#logo img').height();
225
	// Redimensionnement du logo s'il est trop grand
223
		// Redimensionnement du logo s'il est trop grand
226
	// on perd en qualité mais ça vaut mieux que de casser l'affichage
224
		// on perd en qualité mais ça vaut mieux que de casser l'affichage
227
	if(hauteurLogo > tailleMaxLogo) {
225
		if(hauteurLogo > tailleMaxLogo) {
228
		hauteurLogo = tailleMaxLogo;
226
			hauteurLogo = tailleMaxLogo;
229
		$('.image-logo').css("top", "5px");
227
			$('#logo img').height(tailleMaxLogo);
-
 
228
		}
-
 
229
		
-
 
230
		if(hauteurLogo == 0) {
-
 
231
			$('#logo img').load(function(event) {
-
 
232
				definirTailleOverlay();
-
 
233
			});
-
 
234
			return;
-
 
235
		}
-
 
236
		
-
 
237
		largeurLogo = $('#logo img').width();
-
 
238
		largeurTitre = $('#carte-titre-infos').width();
-
 
239
		
-
 
240
		$('#zone-titre').css("height", (hauteurLogo+5)+"px");
-
 
241
		$('#zone-titre').css("width", (largeurLogo+largeurTitre+16)+"px");
-
 
242
		
230
		$('.image-logo').height(tailleMaxLogo);
-
 
231
	}
-
 
232
	
243
		if(titreCarte != 'null' && titreCarte != 0) {
233
	if(hauteurLogo == 0) {
Line 244... Line 234...
244
			$('#carte-titre-infos').css("position", "absolute");
234
		$('.image-logo').load(function(event) {
245
			$('#carte-titre-infos').css("left", (largeurLogo+16)+"px");
235
			definirTailleOverlay();
246
			$('#carte-titre-infos').css("top", (hauteurLogo/2)+"px");
236
		});
Line 1058... Line 1048...
1058
	$('.raz-filtre-taxons').live('click', viderFiltreTaxon);
1048
	$('.raz-filtre-taxons').live('click', viderFiltreTaxon);
1059
}
1049
}
Line 1060... Line 1050...
1060
 
1050
 
1061
var largeurPanneauLateralFerme = null;
1051
var largeurPanneauLateralFerme = null;
-
 
1052
function afficherPanneauLateral() {
1062
function afficherPanneauLateral() {
1053
	// fixer la hauteur
1063
	$('#panneau-lateral').height($(window).height() - $('#panneau-lateral').offset().top);
1054
	$('#panneau-lateral').height($(window).height() - $('#panneau-lateral').offset().top);
1064
	largeurPanneauLateralFerme = $('#panneau-lateral').width();
1055
	largeurPanneauLateralFerme = $('#panneau-lateral').width();
1065
	$('#panneau-lateral').width(300);
1056
	$('#panneau-lateral').width(300);
1066
	$('#pl-contenu').css('display', 'block');
1057
	$('#pl-contenu').css('display', 'block');
Line 1071... Line 1062...
1071
 
1062
 
1072
	google.maps.event.trigger(map, 'resize');
1063
	google.maps.event.trigger(map, 'resize');
Line 1073... Line 1064...
1073
};
1064
};
1074
 
1065
 
1075
function cacherPanneauLateral() {
1066
function cacherPanneauLateral() {
1076
	$('#panneau-lateral').height("65px");
1067
	$('#panneau-lateral').height(25+"px");
1077
	$('#panneau-lateral').width(largeurPanneauLateralFerme+"px");
1068
	$('#panneau-lateral').width(largeurPanneauLateralFerme+"px");
1078
	$('#pl-contenu').css('display', 'none');
1069
	$('#pl-contenu').css('display', 'none');
Line 1091... Line 1082...
1091
	infoBulle.close();
1082
	infoBulle.close();
1092
	var zoom = map.getZoom();
1083
	var zoom = map.getZoom();
1093
	var NELatLng = map.getBounds().getNorthEast().lat()+'|'+map.getBounds().getNorthEast().lng();
1084
	var NELatLng = map.getBounds().getNorthEast().lat()+'|'+map.getBounds().getNorthEast().lng();
1094
	var SWLatLng = map.getBounds().getSouthWest().lat()+'|'+map.getBounds().getSouthWest().lng();
1085
	var SWLatLng = map.getBounds().getSouthWest().lat()+'|'+map.getBounds().getSouthWest().lng();
Line -... Line 1086...
-
 
1086
	
1095
	
1087
	$('.raz-filtre-taxons').removeClass('taxon-actif');
-
 
1088
	$('#taxon-'+nt).removeClass('taxon-actif');
1096
	$('#taxon-'+nt).removeClass('taxon-actif');
1089
	
1097
	if (nt == ntAFiltrer) {
1090
	if (nt == ntAFiltrer) {
1098
		nt = '*';
1091
		nt = '*';
1099
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+nt);
1092
		stationsUrl = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+nt);
1100
		chargerMarqueurs(zoom, NELatLng, SWLatLng);
1093
		chargerMarqueurs(zoom, NELatLng, SWLatLng);