Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 518 Rev 521
Line 14... Line 14...
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)" />
Line 16... Line 16...
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" />
Line 22... Line 22...
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&amp;sensor=false"></script>
 25 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&amp;sensor=true"></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>
Line 27... Line 27...
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>
Line 118... Line 118...
118 
				}
 118 
				}
119 
				return false;
 119 
				return false;
120 
			}
 120 
			}
Line 121... Line 121...
121
121
122 
			function afficher() {
 122 
			function afficher() {
- 
 
 123 
				document.getElementById('panneau-lateral').style.width = '300px';
123 
				document.getElementById('panneau-lateral').style.display = 'block';
 124 
				document.getElementById('pl-contenu').style.display = 'block';
- 
 
 125 
				document.getElementById('pl-ouverture').style.display = 'none';
- 
 
 126 
				document.getElementById('pl-fermeture').style.display = 'block';
124 
				document.getElementById('pl-ouverture').style.display = 'none';
 127 
				document.getElementById('carte').style.left = '300px';
125 
				google.maps.event.trigger(map, 'resize');
 128 
				google.maps.event.trigger(map, 'resize');
Line 126... Line 129...
126 
			};
 129 
			};
127
130
- 
 
 131 
			function cacher() {
128 
			function cacher() {
 132 
				document.getElementById('panneau-lateral').style.width = '24px';
- 
 
 133 
				document.getElementById('pl-contenu').style.display = 'none';
- 
 
 134 
				document.getElementById('pl-ouverture').style.display = 'block';
129 
				document.getElementById('panneau-lateral').style.display = 'none';
 135 
				document.getElementById('pl-fermeture').style.display = 'none';
130 
				document.getElementById('pl-ouverture').style.display = 'block';
 136 
				document.getElementById('carte').style.left = '24px';
Line 131... Line 137...
131 
				google.maps.event.trigger(map, 'resize');
 137 
				google.maps.event.trigger(map, 'resize');
132 
			};
 138 
			};
Line 161... Line 167...
161 
						ctaLayer = new google.maps.KmlLayer('<?=$url?>');
 167 
						ctaLayer = new google.maps.KmlLayer('<?=$url?>');
162 
						ctaLayer.setMap(map);
 168 
						ctaLayer.setMap(map);
163 
					<? endforeach; ?>
 169 
					<? endforeach; ?>
164 
				<? endif; ?>
 170 
				<? endif; ?>
Line 165... Line -...
165
- 
 
166 
				// Create the DIV to hold the control and call the HomeControl()
 - 
 
167 
				// constructor passing in this DIV.
 - 
 
168
- 
 
169 
				var panneauDiv = document.getElementById('panneau-lateral');
 - 
 
170 
				panneauDiv.index = 0;
 - 
 
171 
				map.controls[google.maps.ControlPosition.TOP_LEFT].push(panneauDiv);
 - 
 
172 
 
 - 
 
173 
				var ouverturePanneauDiv = document.getElementById('pl-ouverture');
 - 
 
174 
				ouverturePanneauDiv.index = 0;
 - 
 
175 
				map.controls[google.maps.ControlPosition.TOP_LEFT].push(ouverturePanneauDiv);
 - 
 
176 
 
 - 
 
177
171
178 
				var ouvertureDiv = document.getElementById('pl-ouverture');
 172 
				var ouvertureDiv = document.getElementById('pl-ouverture');
Line 179... Line 173...
179 
				google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);
 173 
				google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);
180 
 
 174 
 
Line 181... Line -...
181 
				var fermetureDiv = document.getElementById('pl-fermeture');
 - 
 
182 
				google.maps.event.addDomListener(fermetureDiv, 'click', cacher);
 175 
				var fermetureDiv = document.getElementById('pl-fermeture');
183
176 
				google.maps.event.addDomListener(fermetureDiv, 'click', cacher);
184 
				cacher();
 177
185 
				refreshMap();
 178 
				refreshMap();
Line 186... Line 179...
186 
			}
 179 
			}
187 
		//]]>
 180 
		//]]>
Line -... Line 181...
- 
 
 181 
		</script>
- 
 
 182
- 
 
 183 
		<!-- CSS -->
- 
 
 184 
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
- 
 
 185
- 
 
 186 
		<!--[if lt IE 7]>
- 
 
 187 
			<style type="text/css">
- 
 
 188 
				#carte {
- 
 
 189 
					height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
- 
 
 190 
					width:expression(document.body.clientWidth-24); /* 200+20+20+20=260 */
- 
 
 191 
				}
- 
 
 192 
				#panneau-lateral {
188 
		</script>
 193 
					height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
189
194 
				}
190 
		<!-- CSS -->
 195 
			</style>
191 
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
 196 
		<![endif]-->
192
197
Line 207... Line 212...
207 
	</head>
 212 
	</head>
Line 208... Line 213...
208 
 
 213 
 
209 
	<body onload="initialize()">
 214 
	<body onload="initialize()">
210 
		<div id="zone-titre">
 215 
		<div id="zone-titre">
211 
			<h1 id="carte-titre">
 216 
			<h1 id="carte-titre">
212 
				Observations issues des membres de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>
 217 
				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>
213 
			</h1>
 218 
			</h1>
214 
			<div id="zone-info">
 219 
			<div id="zone-info">
215 
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
 220 
				<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
216 
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"
221 
					<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"
Line 219... Line 224...
219 
			</div>
 224 
			</div>
220 
		</div>
 225 
		</div>
221 
		<div id="panneau-lateral">
 226 
		<div id="panneau-lateral">
222 
			<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>
 227 
			<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>
223 
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
 228 
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
- 
 
 229 
			<div id="pl-contenu">
224 
			<div id="pl-entete">
 230 
				<div id="pl-entete">
225 
				<h2>Filtre par plante</h2>
231 
					<h2>Filtre par plante</h2>
226 
				<p>
 232 
					<p>
227 
					Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />
233 
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />
228 
					Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
 234 
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
229 
				</p>
 235 
					</p>
230 
			</div>
 236 
				</div>
231 
			<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
 237 
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
232 
				<ol id="taxons">
 238 
					<ol id="taxons">
233 
				<? foreach ($taxons as $taxon) : ?>
 239 
					<? foreach ($taxons as $taxon) : ?>
234 
					<li id="taxon-<?=$taxon['nt']?>">
 240 
						<li id="taxon-<?=$taxon['nt']?>">
235 
						<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">
 241 
							<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">
236 
							<?=$taxon['nom']?>
242 
								<?=$taxon['nom']?>
237 
						</a>
 243 
							</a>
238 
					</li>
 244 
						</li>
239 
				<? endforeach; ?>
 245 
					<? endforeach; ?>
240 
				</ol>
 246 
					</ol>
- 
 
 247 
				</div>
241 
			</div>
 248 
			</div>
242 
		</div>
 249 
		</div>
243 
		<div id="carte"></div>
 250 
		<div id="carte"></div>
Line 244... Line 251...
244
251