WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/carto/squelettes/carte_defaut.tpl.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Observations publiques du CEL - Tela Botanica</title>
		
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
		
		<meta name="revisit-after" content="15 days" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />
        <meta name="keywords" content="Tela Botanica, cartographie, CEL" />
        <meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />
 
		<!-- Spécial mobile -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<!-- Favicones -->
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
		
		<!-- Javascript : bibliothèques -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&amp;sensor=true"></script>
		<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
		
		<!-- Javascript : données -->
		<script src="<?=$url_json?>" type="text/javascript"></script>
		
		<!-- Javascript : appli carto -->
		<script type="text/javascript">
		//<![CDATA[
			var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
			var pointsOrigine = null;
			var boundsOrigine = null;
			var markerClusterer = null;
			var map = null;
			var nt = '<?=$num_taxon?>';
			var infoBulle = new google.maps.InfoWindow();
			google.maps.event.addListener(infoBulle, 'domready', function() {
				if ($("#observations table").get() != 'undefined') {
					$("#observations table").tablesorter();
				}
			});
			var carteCentre = new google.maps.LatLng(46.4, 3.10);
			var carteOptions = {
				zoom: 6,
				mapTypeId: google.maps.MapTypeId.ROADMAP,
				mapTypeControlOptions: {
			        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
			};
			var ctaLayer = null;
			
			function refreshMap() {
				var points = [];
				var bounds = new google.maps.LatLngBounds();
				for (var i = 0; i < obs.nombre; ++i) {
					var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);
					var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));
					var point = new google.maps.Marker({
						position: maLatLng,
						map: map,
						icon: pointImage,
						stationId: obs.points[i].id
					});
 
					bounds.extend(maLatLng);
					
					google.maps.event.addListener(point, 'click', function() {
						afficherMsgChargement();
						infoBulle.open(map, this);
						chargerFormatObs(this.stationId, '*');
					});
					
					points.push(point);
				}
 
				if (pointsOrigine == null && boundsOrigine == null) {
					pointsOrigine = points;
					boundsOrigine = bounds;
				}
				
				executerMarkerClusterer(points, bounds);
			}
 
			function executerMarkerClusterer(points, bounds) {
				if (markerClusterer) {
					markerClusterer.clearMarkers();
				}
				markerClusterer = new MarkerClusterer(map, points);
				map.fitBounds(bounds);
			}
 
			function afficherMsgChargement() {
				var chargement = document.getElementById('chargement').cloneNode(true);
				chargement.setAttribute('id', 'chargement-copie');
				infoBulle.setContent(chargement);
			}
 
			function chargerFormatObs(stationId, format) {
				var url = '<?=$url_base?>carto?carte=observations'+
					'&utilisateur=<?=$utilisateur?>'+
					'&projet=<?=$projet?>'+
					'&num_taxon='+nt+
					'&dept=<?=$dept?>'+
					'&format='+format+'&station='+stationId;
				$.get(url, function(observations){
					infoBulle.setContent(observations);
				});
			}
 
			function arreter(event) {
				if (event.stopPropagation) {
					event.stopPropagation();
				}
				return false;
			}
			
			function afficher() {
				document.getElementById('panneau-lateral').style.width = '300px';
				document.getElementById('pl-contenu').style.display = 'block';
				document.getElementById('pl-ouverture').style.display = 'none';
				document.getElementById('pl-fermeture').style.display = 'block';
				document.getElementById('carte').style.left = '300px';
				google.maps.event.trigger(map, 'resize');
			};
			
			function cacher() {
				document.getElementById('panneau-lateral').style.width = '24px';
				document.getElementById('pl-contenu').style.display = 'none';
				document.getElementById('pl-ouverture').style.display = 'block';
				document.getElementById('pl-fermeture').style.display = 'none';
				document.getElementById('carte').style.left = '24px';
				google.maps.event.trigger(map, 'resize');
			};
 
			function ouvrirPopUp(url, nom) {
				window.open(url, nom, 'directories=no, location=no, menubar=no, scrollbars=yes, status=no, toolbar=no, width=650,height=600');
			};
			
			function filtrerParTaxon(ntAFiltrer) {
				infoBulle.close();
				$('#taxon-'+nt).removeClass('taxon-actif');
				if (nt == ntAFiltrer) {
					nt = '*';
					executerMarkerClusterer(pointsOrigine, boundsOrigine);
				} else {
					var url = '<?=$url_cel_carto?>/carte-defaut-json/<?=$utilisateur?>/<?=$projet?>/<?=$dept?>/'+ntAFiltrer+'?formatRetour=jsonp&callback=?';
					$.getJSON(url, function (observations) {
						obs = observations;
						nt = ntAFiltrer;
						$('#taxon-'+nt).addClass('taxon-actif');
						refreshMap();
					});
				}
			};
			
			function initialize() {
				map = new google.maps.Map(document.getElementById('carte'), carteOptions);
 
				// Ajout des limites communales sur la carte
				<? if (isset($url_limites_communales)) : ?>
					<? foreach ($url_limites_communales as $url) : ?>
						ctaLayer = new google.maps.KmlLayer('<?=$url?>', {preserveViewport: true});
						ctaLayer.setMap(map);
					<? endforeach; ?>
				<? endif; ?>
				
				var ouvertureDiv = document.getElementById('pl-ouverture');
				google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);
 
				var fermetureDiv = document.getElementById('pl-fermeture');
				google.maps.event.addDomListener(fermetureDiv, 'click', cacher);
				
		
				refreshMap();
			}
			
			// Déclenchement d'actions pour JQuery
			$(document).ready(function() {
				// Ajout du nombre de communes où des observations ont eu lieu
				$('#commune-nbre').append(obs.nombre);
			});
		//]]>
		</script>
		
		<!-- CSS -->
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		
		<!--[if lt IE 7]>
			<style type="text/css">
				#carte {
					height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
					width:expression(document.body.clientWidth-24); /* 200+20+20+20=260 */
				}
				#panneau-lateral {
					height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
				}
			</style>
		<![endif]-->
		
		<!-- Stats : Google Analytics -->
		<script type="text/javascript">
			//<![CDATA[
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-20092557-1']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			//]]>
		</script>
	</head>
 
	<body onload="initialize()">
		<div id="zone-titre">
			<h1 id="carte-titre">
				<span id="commune-nbre">&nbsp;</span> Communes contenant des observations du <abbr title="Carnet en Ligne">CEL</abbr> de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>
			</h1>
			<div id="zone-info">
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png" 
						alt="Avertissements" title="Avertissements &amp; informations" />
				</a>
			</div>
		</div>
		<div id="panneau-lateral">
			<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
			<div id="pl-contenu">
				<div id="pl-entete">
					<h2>Filtre par plante</h2>	
					<p>
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
					</p>
				</div>
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
					<ol id="taxons">
					<? foreach ($taxons as $taxon) : ?>
						<li id="taxon-<?=$taxon['nt']?>">
							<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">
								<?=$taxon['nom']?> 
							</a>
						</li>
					<? endforeach; ?>
					</ol>
				</div>
			</div>
		</div>
		<div id="carte"></div>
		
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
		<div id="chargement">
			<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
			<p>Chargement des observations en cours...</p>
		</div>
	</body>
</html>

Rev 547	Rev 552
1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"`	1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"`
2	`"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	2	`"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
3	`<html xmlns="http://www.w3.org/1999/xhtml">`	3	`<html xmlns="http://www.w3.org/1999/xhtml">`
4	`<head>`	4	`<head>`
5	`<title>Observations publiques du CEL - Tela Botanica</title>`	5	`<title>Observations publiques du CEL - Tela Botanica</title>`
6		6
7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	7	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
8	`<meta http-equiv="Content-style-type" content="text/css" />`	8	`<meta http-equiv="Content-style-type" content="text/css" />`
9	`<meta http-equiv="Content-script-type" content="text/javascript" />`	9	`<meta http-equiv="Content-script-type" content="text/javascript" />`
10	`<meta http-equiv="Content-language" content="fr" />`	10	`<meta http-equiv="Content-language" content="fr" />`
11		11
12	`<meta name="revisit-after" content="15 days" />`	12	`<meta name="revisit-after" content="15 days" />`
13	`<meta name="robots" content="index,follow" />`	13	`<meta name="robots" content="index,follow" />`
14	`<meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />`	14	`<meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />`
15	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`	15	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`
16	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`	16	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`
17		17
18	`<!-- Spécial mobile -->`	18	`<!-- Spécial mobile -->`
19	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	19	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
20		20
21	`<!-- Favicones -->`	21	`<!-- Favicones -->`
22	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`	22	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`
23	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`	23	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`
24		24
25	`<!-- Javascript : bibliothèques -->`	25	`<!-- Javascript : bibliothèques -->`
26	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&sensor=true"></script>`	26	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&sensor=true"></script>`
27	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>`	27	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>`
28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>`
29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	29	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`	30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`
31		31
32	`<!-- Javascript : données -->`	32	`<!-- Javascript : données -->`
33	`<script src="<?=$url_json?>" type="text/javascript"></script>`	33	`<script src="<?=$url_json?>" type="text/javascript"></script>`
34		34
35	`<!-- Javascript : appli carto -->`	35	`<!-- Javascript : appli carto -->`
36	`<script type="text/javascript">`	36	`<script type="text/javascript">`
37	`//<![CDATA[`	37	`//<![CDATA[`
38	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`	38	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`
39	`var pointsOrigine = null;`	39	`var pointsOrigine = null;`
40	`var boundsOrigine = null;`	40	`var boundsOrigine = null;`
41	`var markerClusterer = null;`	41	`var markerClusterer = null;`
42	`var map = null;`	42	`var map = null;`
43	`var nt = '<?=$num_taxon?>';`	43	`var nt = '<?=$num_taxon?>';`
44	`var infoBulle = new google.maps.InfoWindow();`	44	`var infoBulle = new google.maps.InfoWindow();`
45	`google.maps.event.addListener(infoBulle, 'domready', function() {`	45	`google.maps.event.addListener(infoBulle, 'domready', function() {`
46	`if ($("#observations table").get() != 'undefined') {`	46	`if ($("#observations table").get() != 'undefined') {`
47	`$("#observations table").tablesorter();`	47	`$("#observations table").tablesorter();`
48	`}`	48	`}`
49	`});`	49	`});`
50	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`	50	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`
51	`var carteOptions = {`	51	`var carteOptions = {`
52	`zoom: 6,`	52	`zoom: 6,`
53	`mapTypeId: google.maps.MapTypeId.ROADMAP,`	53	`mapTypeId: google.maps.MapTypeId.ROADMAP,`
54	`mapTypeControlOptions: {`	54	`mapTypeControlOptions: {`
55	`style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}`	55	`style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}`
56	`};`	56	`};`
57	`var ctaLayer = null;`	57	`var ctaLayer = null;`
58		58
59	`function refreshMap() {`	59	`function refreshMap() {`
60	`var points = [];`	60	`var points = [];`
61	`var bounds = new google.maps.LatLngBounds();`	61	`var bounds = new google.maps.LatLngBounds();`
62	`for (var i = 0; i < obs.nombre; ++i) {`	62	`for (var i = 0; i < obs.nombre; ++i) {`
63	`var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);`	63	`var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);`
64	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`	64	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`
65	`var point = new google.maps.Marker({`	65	`var point = new google.maps.Marker({`
66	`position: maLatLng,`	66	`position: maLatLng,`
67	`map: map,`	67	`map: map,`
68	`icon: pointImage,`	68	`icon: pointImage,`
69	`stationId: obs.points[i].id`	69	`stationId: obs.points[i].id`
70	`});`	70	`});`
71		71
72	`bounds.extend(maLatLng);`	72	`bounds.extend(maLatLng);`
73		73
74	`google.maps.event.addListener(point, 'click', function() {`	74	`google.maps.event.addListener(point, 'click', function() {`
75	`afficherMsgChargement();`	75	`afficherMsgChargement();`
76	`infoBulle.open(map, this);`	76	`infoBulle.open(map, this);`
77	`chargerFormatObs(this.stationId, '*');`	77	`chargerFormatObs(this.stationId, '*');`
78	`});`	78	`});`
79		79
80	`points.push(point);`	80	`points.push(point);`
81	`}`	81	`}`
82		82
83	`if (pointsOrigine == null && boundsOrigine == null) {`	83	`if (pointsOrigine == null && boundsOrigine == null) {`
84	`pointsOrigine = points;`	84	`pointsOrigine = points;`
85	`boundsOrigine = bounds;`	85	`boundsOrigine = bounds;`
86	`}`	86	`}`
87		87
88	`executerMarkerClusterer(points, bounds);`	88	`executerMarkerClusterer(points, bounds);`
89	`}`	89	`}`
90		90
91	`function executerMarkerClusterer(points, bounds) {`	91	`function executerMarkerClusterer(points, bounds) {`
92	`if (markerClusterer) {`	92	`if (markerClusterer) {`
93	`markerClusterer.clearMarkers();`	93	`markerClusterer.clearMarkers();`
94	`}`	94	`}`
95	`markerClusterer = new MarkerClusterer(map, points);`	95	`markerClusterer = new MarkerClusterer(map, points);`
96	`map.fitBounds(bounds);`	96	`map.fitBounds(bounds);`
97	`}`	97	`}`
98		98
99	`function afficherMsgChargement() {`	99	`function afficherMsgChargement() {`
100	`var chargement = document.getElementById('chargement').cloneNode(true);`	100	`var chargement = document.getElementById('chargement').cloneNode(true);`
101	`chargement.setAttribute('id', 'chargement-copie');`	101	`chargement.setAttribute('id', 'chargement-copie');`
102	`infoBulle.setContent(chargement);`	102	`infoBulle.setContent(chargement);`
103	`}`	103	`}`
104		104
105	`function chargerFormatObs(stationId, format) {`	105	`function chargerFormatObs(stationId, format) {`
106	`var url = '<?=$url_base?>carto?carte=observations'+`	106	`var url = '<?=$url_base?>carto?carte=observations'+`
107	`'&utilisateur=<?=$utilisateur?>'+`	107	`'&utilisateur=<?=$utilisateur?>'+`
108	`'&projet=<?=$projet?>'+`	108	`'&projet=<?=$projet?>'+`
109	`'&num_taxon='+nt+`	109	`'&num_taxon='+nt+`
110	`'&dept=<?=$dept?>'+`	110	`'&dept=<?=$dept?>'+`
111	`'&format='+format+'&station='+stationId;`	111	`'&format='+format+'&station='+stationId;`
112	`$.get(url, function(observations){`	112	`$.get(url, function(observations){`
113	`infoBulle.setContent(observations);`	113	`infoBulle.setContent(observations);`
114	`});`	114	`});`
115	`}`	115	`}`
116		116
117	`function arreter(event) {`	117	`function arreter(event) {`
118	`if (event.stopPropagation) {`	118	`if (event.stopPropagation) {`
119	`event.stopPropagation();`	119	`event.stopPropagation();`
120	`}`	120	`}`
121	`return false;`	121	`return false;`
122	`}`	122	`}`
123		123
124	`function afficher() {`	124	`function afficher() {`
125	`document.getElementById('panneau-lateral').style.width = '300px';`	125	`document.getElementById('panneau-lateral').style.width = '300px';`
126	`document.getElementById('pl-contenu').style.display = 'block';`	126	`document.getElementById('pl-contenu').style.display = 'block';`
127	`document.getElementById('pl-ouverture').style.display = 'none';`	127	`document.getElementById('pl-ouverture').style.display = 'none';`
128	`document.getElementById('pl-fermeture').style.display = 'block';`	128	`document.getElementById('pl-fermeture').style.display = 'block';`
129	`document.getElementById('carte').style.left = '300px';`	129	`document.getElementById('carte').style.left = '300px';`
130	`google.maps.event.trigger(map, 'resize');`	130	`google.maps.event.trigger(map, 'resize');`
131	`};`	131	`};`
132		132
133	`function cacher() {`	133	`function cacher() {`
134	`document.getElementById('panneau-lateral').style.width = '24px';`	134	`document.getElementById('panneau-lateral').style.width = '24px';`
135	`document.getElementById('pl-contenu').style.display = 'none';`	135	`document.getElementById('pl-contenu').style.display = 'none';`
136	`document.getElementById('pl-ouverture').style.display = 'block';`	136	`document.getElementById('pl-ouverture').style.display = 'block';`
137	`document.getElementById('pl-fermeture').style.display = 'none';`	137	`document.getElementById('pl-fermeture').style.display = 'none';`
138	`document.getElementById('carte').style.left = '24px';`	138	`document.getElementById('carte').style.left = '24px';`
139	`google.maps.event.trigger(map, 'resize');`	139	`google.maps.event.trigger(map, 'resize');`
140	`};`	140	`};`
141		141
142	`function ouvrirPopUp(url, nom) {`	142	`function ouvrirPopUp(url, nom) {`
143	`window.open(url, nom, 'directories=no, location=no, menubar=no, scrollbars=yes, status=no, toolbar=no, width=650,height=600');`	143	`window.open(url, nom, 'directories=no, location=no, menubar=no, scrollbars=yes, status=no, toolbar=no, width=650,height=600');`
144	`};`	144	`};`
145		145
146	`function filtrerParTaxon(ntAFiltrer) {`	146	`function filtrerParTaxon(ntAFiltrer) {`
147	`infoBulle.close();`	147	`infoBulle.close();`
148	`$('#taxon-'+nt).removeClass('taxon-actif');`	148	`$('#taxon-'+nt).removeClass('taxon-actif');`
149	`if (nt == ntAFiltrer) {`	149	`if (nt == ntAFiltrer) {`
150	`nt = '*';`	150	`nt = '*';`
151	`executerMarkerClusterer(pointsOrigine, boundsOrigine);`	151	`executerMarkerClusterer(pointsOrigine, boundsOrigine);`
152	`} else {`	152	`} else {`
153	`var url = '<?=$url_cel_carto?>/carte-defaut-json/<?=$utilisateur?>/<?=$projet?>/<?=$dept?>/'+ntAFiltrer+'?formatRetour=jsonp&callback=?';`	153	`var url = '<?=$url_cel_carto?>/carte-defaut-json/<?=$utilisateur?>/<?=$projet?>/<?=$dept?>/'+ntAFiltrer+'?formatRetour=jsonp&callback=?';`
154	`$.getJSON(url, function (observations) {`	154	`$.getJSON(url, function (observations) {`
155	`obs = observations;`	155	`obs = observations;`
156	`nt = ntAFiltrer;`	156	`nt = ntAFiltrer;`
157	`$('#taxon-'+nt).addClass('taxon-actif');`	157	`$('#taxon-'+nt).addClass('taxon-actif');`
158	`refreshMap();`	158	`refreshMap();`
159	`});`	159	`});`
160	`}`	160	`}`
161	`};`	161	`};`
162		162
163	`function initialize() {`	163	`function initialize() {`
164	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`	164	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`
165		165
166	`// Ajout des limites communales sur la carte`	166	`// Ajout des limites communales sur la carte`
167	`<? if (isset($url_limites_communales)) : ?>`	167	`<? if (isset($url_limites_communales)) : ?>`
168	`<? foreach ($url_limites_communales as $url) : ?>`	168	`<? foreach ($url_limites_communales as $url) : ?>`
169	`ctaLayer = new google.maps.KmlLayer('<?=$url?>');`	169	`ctaLayer = new google.maps.KmlLayer('<?=$url?>', {preserveViewport: true});`
170	`ctaLayer.setMap(map);`	170	`ctaLayer.setMap(map);`
171	`<? endforeach; ?>`	171	`<? endforeach; ?>`
172	`<? endif; ?>`	172	`<? endif; ?>`
173		173
174	`var ouvertureDiv = document.getElementById('pl-ouverture');`	174	`var ouvertureDiv = document.getElementById('pl-ouverture');`
175	`google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);`	175	`google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);`
176		176
177	`var fermetureDiv = document.getElementById('pl-fermeture');`	177	`var fermetureDiv = document.getElementById('pl-fermeture');`
178	`google.maps.event.addDomListener(fermetureDiv, 'click', cacher);`	178	`google.maps.event.addDomListener(fermetureDiv, 'click', cacher);`
179		179
180		180
181	`refreshMap();`	181	`refreshMap();`
182	`}`	182	`}`
183		183
184	`// Déclenchement d'actions pour JQuery`	184	`// Déclenchement d'actions pour JQuery`
185	`$(document).ready(function() {`	185	`$(document).ready(function() {`
186	`// Ajout du nombre de communes où des observations ont eu lieu`	186	`// Ajout du nombre de communes où des observations ont eu lieu`
187	`$('#commune-nbre').append(obs.nombre);`	187	`$('#commune-nbre').append(obs.nombre);`
188	`});`	188	`});`
189	`//]]>`	189	`//]]>`
190	`</script>`	190	`</script>`
191		191
192	`<!-- CSS -->`	192	`<!-- CSS -->`
193	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	193	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
194	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />`	194	`<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />`
195		195
196	`<!--[if lt IE 7]>`	196	`<!--[if lt IE 7]>`
197	`<style type="text/css">`	197	`<style type="text/css">`
198	`#carte {`	198	`#carte {`
199	`height:expression(document.body.clientHeight-35); /* 80+20+20=120 */`	199	`height:expression(document.body.clientHeight-35); /* 80+20+20=120 */`
200	`width:expression(document.body.clientWidth-24); /* 200+20+20+20=260 */`	200	`width:expression(document.body.clientWidth-24); /* 200+20+20+20=260 */`
201	`}`	201	`}`
202	`#panneau-lateral {`	202	`#panneau-lateral {`
203	`height:expression(document.body.clientHeight-35); /* 80+20+20=120 */`	203	`height:expression(document.body.clientHeight-35); /* 80+20+20=120 */`
204	`}`	204	`}`
205	`</style>`	205	`</style>`
206	`<![endif]-->`	206	`<![endif]-->`
207		207
208	`<!-- Stats : Google Analytics -->`	208	`<!-- Stats : Google Analytics -->`
209	`<script type="text/javascript">`	209	`<script type="text/javascript">`
210	`//<![CDATA[`	210	`//<![CDATA[`
211	`var _gaq = _gaq \|\| [];`	211	`var _gaq = _gaq \|\| [];`
212	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	212	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
213	`_gaq.push(['_trackPageview']);`	213	`_gaq.push(['_trackPageview']);`
214		214
215	`(function() {`	215	`(function() {`
216	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	216	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
217	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	217	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
218	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	218	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
219	`})();`	219	`})();`
220	`//]]>`	220	`//]]>`
221	`</script>`	221	`</script>`
222	`</head>`	222	`</head>`
223		223
224	`<body onload="initialize()">`	224	`<body onload="initialize()">`
225	`<div id="zone-titre">`	225	`<div id="zone-titre">`
226	`<h1 id="carte-titre">`	226	`<h1 id="carte-titre">`
227	`<span id="commune-nbre"> </span> Communes contenant des observations du <abbr title="Carnet en Ligne">CEL</abbr> de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>`	227	`<span id="commune-nbre"> </span> Communes contenant des observations du <abbr title="Carnet en Ligne">CEL</abbr> de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>`
228	`</h1>`	228	`</h1>`
229	`<div id="zone-info">`	229	`<div id="zone-info">`
230	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`	230	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`
231	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`	231	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`
232	`alt="Avertissements" title="Avertissements & informations" />`	232	`alt="Avertissements" title="Avertissements & informations" />`
233	`</a>`	233	`</a>`
234	`</div>`	234	`</div>`
235	`</div>`	235	`</div>`
236	`<div id="panneau-lateral">`	236	`<div id="panneau-lateral">`
237	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`	237	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`
238	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	238	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
239	`<div id="pl-contenu">`	239	`<div id="pl-contenu">`
240	`<div id="pl-entete">`	240	`<div id="pl-entete">`
241	`<h2>Filtre par plante</h2>`	241	`<h2>Filtre par plante</h2>`
242	`<p>`	242	`<p>`
243	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`	243	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`
244	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`	244	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`
245	`</p>`	245	`</p>`
246	`</div>`	246	`</div>`
247	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	247	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
248	`<ol id="taxons">`	248	`<ol id="taxons">`
249	`<? foreach ($taxons as $taxon) : ?>`	249	`<? foreach ($taxons as $taxon) : ?>`
250	`<li id="taxon-<?=$taxon['nt']?>">`	250	`<li id="taxon-<?=$taxon['nt']?>">`
251	`<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">`	251	`<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">`
252	`<?=$taxon['nom']?>`	252	`<?=$taxon['nom']?>`
253	`</a>`	253	`</a>`
254	`</li>`	254	`</li>`
255	`<? endforeach; ?>`	255	`<? endforeach; ?>`
256	`</ol>`	256	`</ol>`
257	`</div>`	257	`</div>`
258	`</div>`	258	`</div>`
259	`</div>`	259	`</div>`
260	`<div id="carte"></div>`	260	`<div id="carte"></div>`
261		261
262	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	262	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
263	`<div id="chargement">`	263	`<div id="chargement">`
264	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	264	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
265	`<p>Chargement des observations en cours...</p>`	265	`<p>Chargement des observations en cours...</p>`
266	`</div>`	266	`</div>`
267	`</body>`	267	`</body>`
268	`</html>`	268	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/carto/squelettes/carte_defaut.tpl.html @ 2081 – Rev 547 → 552