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.2&amp;sensor=false"></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>
		
		<!-- 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
			};
			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.display = 'block';
				document.getElementById('pl-ouverture').style.display = 'none';
				google.maps.event.trigger(map, 'resize');
			};
			
			function cacher() {
				document.getElementById('panneau-lateral').style.display = 'none';
				document.getElementById('pl-ouverture').style.display = 'block';
				google.maps.event.trigger(map, 'resize');
			};
 
			function ouvrirPopUp(url, nom) {
				window.open(url, nom, 'directories=no, location=no, menubar=no, scrollbars=no, status=no, toolbar=no, width=550,height=600');
			};
			
			function filtrerParTaxon(ntAFiltrer) {
				$('#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?>');
						ctaLayer.setMap(map);
					<? endforeach; ?>
				<? endif; ?>
				
				// Create the DIV to hold the control and call the HomeControl()
				// constructor passing in this DIV.
				
				var panneauDiv = document.getElementById('panneau-lateral');
				panneauDiv.index = 0;
				map.controls[google.maps.ControlPosition.TOP_LEFT].push(panneauDiv);
 
				var ouverturePanneauDiv = document.getElementById('pl-ouverture');
				ouverturePanneauDiv.index = 0;
				map.controls[google.maps.ControlPosition.TOP_LEFT].push(ouverturePanneauDiv);
 
				
				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);
				
				cacher();
				refreshMap();
			}
		//]]>
		</script>
		
		<!-- CSS -->
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body onload="initialize()">
		<div id="zone-titre">
			<h1 id="carte-titre">
				Observations issues des membres 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="Avertissement" title="Avertissement" />
 
				</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-entete">
				<h2>Filtre par plante</h2>	
				<p>Cliquer sur un nom de plante pour filtrer les observations sur la carte.</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']?>">
							<?=html_entity_decode($taxon['nom'])?> 
						</a>
					</li>
				<? endforeach; ?>
				</ol>
			</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 497	Rev 501
1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
2	`<html xmlns="http://www.w3.org/1999/xhtml">`	2	`<html xmlns="http://www.w3.org/1999/xhtml">`
3	`<head>`	3	`<head>`
4	`<title>Observations publiques du CEL - Tela Botanica</title>`	4	`<title>Observations publiques du CEL - Tela Botanica</title>`
5		5
6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`	6	`<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>`
7	`<meta http-equiv="Content-style-type" content="text/css" />`	7	`<meta http-equiv="Content-style-type" content="text/css" />`
8	`<meta http-equiv="Content-script-type" content="text/javascript" />`	8	`<meta http-equiv="Content-script-type" content="text/javascript" />`
9	`<meta http-equiv="Content-language" content="fr" />`	9	`<meta http-equiv="Content-language" content="fr" />`
10		10
11	`<meta name="revisit-after" content="15 days" />`	11	`<meta name="revisit-after" content="15 days" />`
12	`<meta name="robots" content="index,follow" />`	12	`<meta name="robots" content="index,follow" />`
13	`<meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />`	13	`<meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />`
14	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`	14	`<meta name="keywords" content="Tela Botanica, cartographie, CEL" />`
15	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`	15	`<meta name="description" content="Widget de cartographie des observations publiques de plantes saisies dans le Carnet en Ligne (CEL)" />`
16		16
17	`<!-- Spécial mobile -->`	17	`<!-- Spécial mobile -->`
18	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	18	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
19		19
20	`<!-- Favicones -->`	20	`<!-- Favicones -->`
21	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`	21	`<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />`
22	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`	22	`<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />`
23		23
24	`<!-- Javascript : bibliothèques -->`	24	`<!-- Javascript : bibliothèques -->`
25	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>`	25	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>`
26	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>`	26	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>`
27	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>`	27	`<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/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
29		29
30	`<!-- Javascript : données -->`	30	`<!-- Javascript : données -->`
31	`<script src="<?=$url_json?>" type="text/javascript"></script>`	31	`<script src="<?=$url_json?>" type="text/javascript"></script>`
32		32
33	`<!-- Javascript : appli carto -->`	33	`<!-- Javascript : appli carto -->`
34	`<script type="text/javascript">`	34	`<script type="text/javascript">`
35	`//<![CDATA[`	35	`//<![CDATA[`
36	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`	36	`var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';`
37	`var pointsOrigine = null;`	37	`var pointsOrigine = null;`
-		38	`var boundsOrigine = null;`
38	`var markerClusterer = null;`	39	`var markerClusterer = null;`
39	`var map = null;`	40	`var map = null;`
40	`var nt = '<?=$num_taxon?>';`	41	`var nt = '<?=$num_taxon?>';`
41	`var infoBulle = new google.maps.InfoWindow();`	42	`var infoBulle = new google.maps.InfoWindow();`
42	`google.maps.event.addListener(infoBulle, 'domready', function() {`	43	`google.maps.event.addListener(infoBulle, 'domready', function() {`
43	`if ($("#observations table").get() != 'undefined') {`	44	`if ($("#observations table").get() != 'undefined') {`
44	`$("#observations table").tablesorter();`	45	`$("#observations table").tablesorter();`
45	`}`	46	`}`
46	`});`	47	`});`
47	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`	48	`var carteCentre = new google.maps.LatLng(46.4, 3.10);`
48	`var carteOptions = {`	49	`var carteOptions = {`
49	`zoom: 6,`	50	`zoom: 6,`
50	`center: carteCentre,`	-
51	`mapTypeId: google.maps.MapTypeId.ROADMAP`	51	`mapTypeId: google.maps.MapTypeId.ROADMAP`
52	`};`	52	`};`
53	`var ctaLayer = null;`	53	`var ctaLayer = null;`
54		54
55	`function refreshMap() {`	55	`function refreshMap() {`
56	`var points = [];`	56	`var points = [];`
-		57	`var bounds = new google.maps.LatLngBounds();`
57	`for (var i = 0; i < obs.nombre; ++i) {`	58	`for (var i = 0; i < obs.nombre; ++i) {`
58	`var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);`	59	`var maLatLng = new google.maps.LatLng(obs.points[i].coord_x, obs.points[i].coord_y);`
59	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`	60	`var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));`
60	`var point = new google.maps.Marker({`	61	`var point = new google.maps.Marker({`
61	`position: maLatLng,`	62	`position: maLatLng,`
62	`map: map,`	63	`map: map,`
63	`icon: pointImage,`	64	`icon: pointImage,`
64	`stationId: obs.points[i].id`	65	`stationId: obs.points[i].id`
65	`});`	66	`});`
-		67
-		68	`bounds.extend(maLatLng);`
66		69
67	`google.maps.event.addListener(point, 'click', function() {`	70	`google.maps.event.addListener(point, 'click', function() {`
68	`afficherMsgChargement();`	71	`afficherMsgChargement();`
69	`infoBulle.open(map, this);`	72	`infoBulle.open(map, this);`
70	`chargerFormatObs(this.stationId, '*');`	73	`chargerFormatObs(this.stationId, '*');`
71	`});`	74	`});`
72		75
73	`points.push(point);`	76	`points.push(point);`
74	`}`	77	`}`
75		78
76	`if (pointsOrigine == null) {`	79	`if (pointsOrigine == null && boundsOrigine == null) {`
-		80	`pointsOrigine = points;`
77	`pointsOrigine = points;`	81	`boundsOrigine = bounds;`
78	`}`	82	`}`
79		83
80	`executerMarkerClusterer(points);`	84	`executerMarkerClusterer(points, bounds);`
81	`}`	85	`}`
82		86
83	`function executerMarkerClusterer(points) {`	87	`function executerMarkerClusterer(points, bounds) {`
84	`if (markerClusterer) {`	88	`if (markerClusterer) {`
85	`markerClusterer.clearMarkers();`	89	`markerClusterer.clearMarkers();`
86	`}`	90	`}`
87	`markerClusterer = new MarkerClusterer(map, points);`	91	`markerClusterer = new MarkerClusterer(map, points);`
-		92	`map.fitBounds(bounds);`
88	`}`	93	`}`
89		94
90	`function afficherMsgChargement() {`	95	`function afficherMsgChargement() {`
91	`var chargement = document.getElementById('chargement').cloneNode(true);`	96	`var chargement = document.getElementById('chargement').cloneNode(true);`
92	`chargement.setAttribute('id', 'chargement-copie');`	97	`chargement.setAttribute('id', 'chargement-copie');`
93	`infoBulle.setContent(chargement);`	98	`infoBulle.setContent(chargement);`
94	`}`	99	`}`
95		100
96	`function chargerFormatObs(stationId, format) {`	101	`function chargerFormatObs(stationId, format) {`
97	`var url = '<?=$url_base?>carto?carte=observations'+`	102	`var url = '<?=$url_base?>carto?carte=observations'+`
98	`'&utilisateur=<?=$utilisateur?>'+`	103	`'&utilisateur=<?=$utilisateur?>'+`
99	`'&projet=<?=$projet?>'+`	104	`'&projet=<?=$projet?>'+`
100	`'&num_taxon='+nt+`	105	`'&num_taxon='+nt+`
101	`'&dept=<?=$dept?>'+`	106	`'&dept=<?=$dept?>'+`
102	`'&format='+format+'&station='+stationId;`	107	`'&format='+format+'&station='+stationId;`
103	`$.get(url, function(observations){`	108	`$.get(url, function(observations){`
104	`infoBulle.setContent(observations);`	109	`infoBulle.setContent(observations);`
105	`});`	110	`});`
106	`}`	111	`}`
107		112
108	`function arreter(event) {`	113	`function arreter(event) {`
109	`if (event.stopPropagation) {`	114	`if (event.stopPropagation) {`
110	`event.stopPropagation();`	115	`event.stopPropagation();`
111	`}`	116	`}`
112	`return false;`	117	`return false;`
113	`}`	118	`}`
114		119
115	`function afficher() {`	120	`function afficher() {`
116	`document.getElementById('panneau-lateral').style.display = 'block';`	121	`document.getElementById('panneau-lateral').style.display = 'block';`
117	`document.getElementById('pl-ouverture').style.display = 'none';`	122	`document.getElementById('pl-ouverture').style.display = 'none';`
118	`google.maps.event.trigger(map, 'resize');`	123	`google.maps.event.trigger(map, 'resize');`
119	`};`	124	`};`
120		125
121	`function cacher() {`	126	`function cacher() {`
122	`document.getElementById('panneau-lateral').style.display = 'none';`	127	`document.getElementById('panneau-lateral').style.display = 'none';`
123	`document.getElementById('pl-ouverture').style.display = 'block';`	128	`document.getElementById('pl-ouverture').style.display = 'block';`
124	`google.maps.event.trigger(map, 'resize');`	129	`google.maps.event.trigger(map, 'resize');`
125	`};`	130	`};`
-		131
-		132	`function ouvrirPopUp(url, nom) {`
-		133	`window.open(url, nom, 'directories=no, location=no, menubar=no, scrollbars=no, status=no, toolbar=no, width=550,height=600');`
-		134	`};`
126		135
127	`function filtrerParTaxon(ntAFiltrer) {`	136	`function filtrerParTaxon(ntAFiltrer) {`
128	`$('#taxon-'+nt).removeClass('taxon-actif');`	137	`$('#taxon-'+nt).removeClass('taxon-actif');`
129	`if (nt == ntAFiltrer) {`	138	`if (nt == ntAFiltrer) {`
130	`nt = '*';`	139	`nt = '*';`
131	`executerMarkerClusterer(pointsOrigine);`	140	`executerMarkerClusterer(pointsOrigine, boundsOrigine);`
132	`} else {`	141	`} else {`
133	`var url = '<?=$url_cel_carto?>/carte-defaut-json/<?=$utilisateur?>/<?=$projet?>/<?=$dept?>/'+ntAFiltrer+'?formatRetour=jsonp&callback=?';`	142	`var url = '<?=$url_cel_carto?>/carte-defaut-json/<?=$utilisateur?>/<?=$projet?>/<?=$dept?>/'+ntAFiltrer+'?formatRetour=jsonp&callback=?';`
134	`$.getJSON(url, function (observations) {`	143	`$.getJSON(url, function (observations) {`
135	`obs = observations;`	144	`obs = observations;`
136	`nt = ntAFiltrer;`	145	`nt = ntAFiltrer;`
137	`$('#taxon-'+nt).addClass('taxon-actif');`	146	`$('#taxon-'+nt).addClass('taxon-actif');`
138	`refreshMap();`	147	`refreshMap();`
139	`});`	148	`});`
140	`}`	149	`}`
141	`};`	150	`};`
142		151
143	`function initialize() {`	152	`function initialize() {`
144	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`	153	`map = new google.maps.Map(document.getElementById('carte'), carteOptions);`
145		154
146	`// Ajout des limites communales sur la carte`	155	`// Ajout des limites communales sur la carte`
147	`<? if (isset($url_limites_communales)) : ?>`	156	`<? if (isset($url_limites_communales)) : ?>`
148	`<? foreach ($url_limites_communales as $url) : ?>`	157	`<? foreach ($url_limites_communales as $url) : ?>`
149	`ctaLayer = new google.maps.KmlLayer('<?=$url?>');`	158	`ctaLayer = new google.maps.KmlLayer('<?=$url?>');`
150	`ctaLayer.setMap(map);`	159	`ctaLayer.setMap(map);`
151	`<? endforeach; ?>`	160	`<? endforeach; ?>`
152	`<? endif; ?>`	161	`<? endif; ?>`
153		162
154	`// Create the DIV to hold the control and call the HomeControl()`	163	`// Create the DIV to hold the control and call the HomeControl()`
155	`// constructor passing in this DIV.`	164	`// constructor passing in this DIV.`
-		165
156	`var panneauDiv = document.getElementById('panneau-lateral');`	166	`var panneauDiv = document.getElementById('panneau-lateral');`
157	`panneauDiv.index = 0;`	167	`panneauDiv.index = 0;`
158	`map.controls[google.maps.ControlPosition.TOP_LEFT].push(panneauDiv);`	168	`map.controls[google.maps.ControlPosition.TOP_LEFT].push(panneauDiv);`
159		169
160	`var ouverturePanneauDiv = document.getElementById('pl-ouverture');`	170	`var ouverturePanneauDiv = document.getElementById('pl-ouverture');`
161	`ouverturePanneauDiv.index = 0;`	171	`ouverturePanneauDiv.index = 0;`
162	`map.controls[google.maps.ControlPosition.TOP_LEFT].push(ouverturePanneauDiv);`	172	`map.controls[google.maps.ControlPosition.TOP_LEFT].push(ouverturePanneauDiv);`
-		173
163		174
164	`var ouvertureDiv = document.getElementById('pl-ouverture');`	175	`var ouvertureDiv = document.getElementById('pl-ouverture');`
165	`google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);`	176	`google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);`
166		177
167	`var fermetureDiv = document.getElementById('pl-fermeture');`	178	`var fermetureDiv = document.getElementById('pl-fermeture');`
168	`google.maps.event.addDomListener(fermetureDiv, 'click', cacher);`	179	`google.maps.event.addDomListener(fermetureDiv, 'click', cacher);`
169		180
170	`cacher();`	181	`cacher();`
171	`refreshMap();`	182	`refreshMap();`
172	`}`	183	`}`
173	`//]]>`	184	`//]]>`
174	`</script>`	185	`</script>`
175		186
176	`<!-- CSS -->`	187	`<!-- CSS -->`
177	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	188	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
178	`</head>`	189	`</head>`
179		190
180	`<body onload="initialize()">`	191	`<body onload="initialize()">`
-		192	`<div id="zone-titre">`
181	`<h1 id="carte-titre">`	193	`<h1 id="carte-titre">`
182	`<img rel="icon" type="image/png" src="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" alt="logo Tela Botanica"/>`	194	`Observations issues des membres de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>`
-		195	`</h1>`
183	`Observations issues des membres de Tela Botanica`	196	`<div id="zone-info">`
-		197	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`
184	`<img src="<?=$url_base?>modules/carto/squelettes/images/information-icone.png" align="right";`	198	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`
185	`alt="Données provenant du carnet en ligne" title="Données provenant du carnet en ligne"`	199	`alt="Avertissement" title="Avertissement" />`
186	`onClick="window.open('./popup.htm', 'InfoDonnees', 'directories=no, location=no, menubar=no, scrollbars=no, status=no, toolbar=no, width=550,height=600')" />`	-
-		200	`</a>`
-		201	`</div>`
187	`</h1>`	202	`</div>`
188	`<div id="panneau-lateral">`	203	`<div id="panneau-lateral">`
189	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`	204	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`
190	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	205	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
191	`<div id="pl-entete">`	206	`<div id="pl-entete">`
192	`<h2>Filtre par plante</h2>`	207	`<h2>Filtre par plante</h2>`
193	`<p>Cliquer sur un nom de plante pour filtrer les observations sur la carte.</p>`	208	`<p>Cliquer sur un nom de plante pour filtrer les observations sur la carte.</p>`
194	`</div>`	209	`</div>`
195	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	210	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
196	`<ol id="taxons">`	211	`<ol id="taxons">`
197	`<? foreach ($taxons as $taxon) : ?>`	212	`<? foreach ($taxons as $taxon) : ?>`
198	`<li id="taxon-<?=$taxon['nt']?>">`	213	`<li id="taxon-<?=$taxon['nt']?>">`
199	`<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">`	214	`<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">`
200	`<?=html_entity_decode($taxon['nom'])?>`	215	`<?=html_entity_decode($taxon['nom'])?>`
201	`</a>`	216	`</a>`
202	`</li>`	217	`</li>`
203	`<? endforeach; ?>`	218	`<? endforeach; ?>`
204	`</ol>`	219	`</ol>`
205	`</div>`	220	`</div>`
206	`</div>`	221	`</div>`
207	`<div id="carte"></div>`	222	`<div id="carte"></div>`
208		223
209	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	224	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
210	`<div id="chargement">`	225	`<div id="chargement">`
211	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	226	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
212	`<p>Chargement des observations en cours...</p>`	227	`<p>Chargement des observations en cours...</p>`
213	`</div>`	228	`</div>`
214	`</body>`	229	`</body>`
215	`</html>`	230	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/carto/squelettes/carte_defaut.tpl.html @ 1899 – Rev 497 → 501