WebSVN – eFlore/Applications.cel – Diff – /branches/v1.6-croc/widget/modules/cartopoint/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="https://getfirebug.com/firebug-lite.js"></script>
		<!-- 	Google Map v3 -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&amp;sensor=true&amp;language=fr&amp;region=FR"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/1.0/markerclusterer-1.0.pack.js"></script>
		<!-- 	Jquery -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.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>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
		
		<!-- Javascript : données -->
		<script src="<?=$url_json?>" type="text/javascript"></script>
		
		<!-- Javascript : appli carto -->
		<script type="text/javascript">
		//<![CDATA[
			var urlsLimitesCommunales = <?=$url_limites_communales?>;
			var nt = '<?=$num_taxon?>';
			var plantesNbre = <?=count($taxons)?>;
			var urlStation = '<?=$url_base?>carto'+'?'+
				'carte=station'+'&'+
				'utilisateur=<?=$utilisateur?>'+'&'+
				'projet=<?=$projet?>'+'&'+
				'num_taxon='+nt+'&'+
				'dept=<?=$dept?>'+'&'+
				'commune=<?=$commune?>';
			var urlObs = '<?=$url_base?>carto'+'?'+
				'carte=observations'+'&'+
				'utilisateur=<?=$utilisateur?>'+'&'+
				'projet=<?=$projet?>'+'&'+
				'num_taxon='+nt+'&'+
				'dept=<?=$dept?>'+'&'+
				'commune=<?=$commune?>';
			var urlObsCarte = '<?=$url_cel_carto?>/carte-defaut-json'+'?'+
				'utilisateur=<?=$utilisateur?>'+'&'+
				'projet=<?=$projet?>'+'&'+
				'dept=<?=$dept?>'+'&'+
				'commune=<?=$commune?>';
		//]]>
		</script>
		<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></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" />
	</head>
 
	<body>
		<div id="zone-titre">
			<h1 id="carte-titre">
				<span id="obs-nbre">&nbsp;</span> observations de 
				<span class="plantes-nbre">&nbsp;</span> plantes sur 
				<span id="commune-nbre">&nbsp;</span> communes  
				<? if ($num_taxon != '*') : ?>
				pour <?=$taxon_nom?>
				<? endif ?>
				 - <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<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>
		<? if ($num_taxon == '*') : ?>
		<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 sur <span class="plantes-nbre">&nbsp;</span> plantes</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']?>">
							<span class="taxon" title="<?=$taxon['famille']?>">
								<?=$taxon['nom']?> <span class="nt" title="Numéro taxonomique"><?=$taxon['nt']?></span> 
							</span>
						</li>
					<? endforeach; ?>
					</ol>
				</div>
			</div>
		</div>
		<? endif ?>
		<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>
		
		<!-- 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>
	</body>
</html>

Rev 837	Rev 841
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="https://getfirebug.com/firebug-lite.js"></script>`	25	`<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>`
26	`<!-- Google Map v3 -->`	26	`<!-- Google Map v3 -->`
27	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR"></script>`	27	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR"></script>`
28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/1.0/markerclusterer-1.0.pack.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markerclusterer/1.0/markerclusterer-1.0.pack.js"></script>`
29	`<!-- Jquery -->`	29	`<!-- Jquery -->`
30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`	30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>`
31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`	31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>`
32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`	32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>`
-		33	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>`
33		34
34	`<!-- Javascript : données -->`	35	`<!-- Javascript : données -->`
35	`<script src="<?=$url_json?>" type="text/javascript"></script>`	36	`<script src="<?=$url_json?>" type="text/javascript"></script>`
36		37
37	`<!-- Javascript : appli carto -->`	38	`<!-- Javascript : appli carto -->`
38	`<script type="text/javascript">`	39	`<script type="text/javascript">`
39	`//<![CDATA[`	40	`//<![CDATA[`
40	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`	41	`var urlsLimitesCommunales = <?=$url_limites_communales?>;`
41	`var nt = '<?=$num_taxon?>';`	42	`var nt = '<?=$num_taxon?>';`
42	`var plantesNbre = <?=count($taxons)?>;`	43	`var plantesNbre = <?=count($taxons)?>;`
43	`var urlObsStation = '<?=$url_base?>carto'+'?'+`	44	`var urlStation = '<?=$url_base?>carto'+'?'+`
-		45	`'carte=station'+'&'+`
-		46	`'utilisateur=<?=$utilisateur?>'+'&'+`
-		47	`'projet=<?=$projet?>'+'&'+`
-		48	`'num_taxon='+nt+'&'+`
-		49	`'dept=<?=$dept?>'+'&'+`
-		50	`'commune=<?=$commune?>';`
-		51	`var urlObs = '<?=$url_base?>carto'+'?'+`
44	`'carte=observations'+'&'+`	52	`'carte=observations'+'&'+`
45	`'utilisateur=<?=$utilisateur?>'+'&'+`	53	`'utilisateur=<?=$utilisateur?>'+'&'+`
46	`'projet=<?=$projet?>'+'&'+`	54	`'projet=<?=$projet?>'+'&'+`
47	`'num_taxon='+nt+'&'+`	55	`'num_taxon='+nt+'&'+`
48	`'dept=<?=$dept?>'+'&'+`	56	`'dept=<?=$dept?>'+'&'+`
49	`'commune=<?=$commune?>';`	57	`'commune=<?=$commune?>';`
50	`var urlObsCarte = '<?=$url_cel_carto?>/carte-defaut-json'+'?'+`	58	`var urlObsCarte = '<?=$url_cel_carto?>/carte-defaut-json'+'?'+`
51	`'utilisateur=<?=$utilisateur?>'+'&'+`	59	`'utilisateur=<?=$utilisateur?>'+'&'+`
52	`'projet=<?=$projet?>'+'&'+`	60	`'projet=<?=$projet?>'+'&'+`
53	`'dept=<?=$dept?>'+'&'+`	61	`'dept=<?=$dept?>'+'&'+`
54	`'commune=<?=$commune?>';`	62	`'commune=<?=$commune?>';`
55	`//]]>`	63	`//]]>`
56	`</script>`	64	`</script>`
57	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`	65	`<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>`
58		66
59	`<!-- CSS -->`	67	`<!-- CSS -->`
60	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`	68	`<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />`
61	`<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" />`	69	`<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" />`
62	`</head>`	70	`</head>`
63		71
64	`<body>`	72	`<body>`
65	`<div id="zone-titre">`	73	`<div id="zone-titre">`
66	`<h1 id="carte-titre">`	74	`<h1 id="carte-titre">`
67	`<span id="obs-nbre"> </span> observations de`	75	`<span id="obs-nbre"> </span> observations de`
68	`<span class="plantes-nbre"> </span> plantes sur`	76	`<span class="plantes-nbre"> </span> plantes sur`
69	`<span id="commune-nbre"> </span> communes`	77	`<span id="commune-nbre"> </span> communes`
70	`<? if ($num_taxon != '*') : ?>`	78	`<? if ($num_taxon != '*') : ?>`
71	`pour <?=$taxon_nom?>`	79	`pour <?=$taxon_nom?>`
72	`<? endif ?>`	80	`<? endif ?>`
73	`- <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>)`	81	`- <a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href); arreter(event); return false;">CEL</a> (<a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>)`
74	`</h1>`	82	`</h1>`
75	`<div id="zone-info">`	83	`<div id="zone-info">`
76	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`	84	`<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">`
77	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`	85	`<img src="<?=$url_base?>modules/carto/squelettes/images/information.png"`
78	`alt="Avertissements" title="Avertissements & informations" />`	86	`alt="Avertissements" title="Avertissements & informations" />`
79	`</a>`	87	`</a>`
80	`</div>`	88	`</div>`
81	`</div>`	89	`</div>`
82	`<? if ($num_taxon == '*') : ?>`	90	`<? if ($num_taxon == '*') : ?>`
83	`<div id="panneau-lateral">`	91	`<div id="panneau-lateral">`
84	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`	92	`<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>`
85	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`	93	`<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>`
86	`<div id="pl-contenu">`	94	`<div id="pl-contenu">`
87	`<div id="pl-entete">`	95	`<div id="pl-entete">`
88	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`	96	`<h2>Filtre sur <span class="plantes-nbre"> </span> plantes</h2>`
89	`<p>`	97	`<p>`
90	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`	98	`Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />`
91	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`	99	`Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.`
92	`</p>`	100	`</p>`
93	`</div>`	101	`</div>`
94	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`	102	`<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">`
95	`<ol id="taxons">`	103	`<ol id="taxons">`
96	`<? foreach ($taxons as $taxon) : ?>`	104	`<? foreach ($taxons as $taxon) : ?>`
97	`<li id="taxon-<?=$taxon['nt']?>">`	105	`<li id="taxon-<?=$taxon['nt']?>">`
98	`<span class="taxon" title="<?=$taxon['famille']?>">`	106	`<span class="taxon" title="<?=$taxon['famille']?>">`
99	`<?=$taxon['nom']?> <span class="nt" title="Numéro taxonomique"><?=$taxon['nt']?></span>`	107	`<?=$taxon['nom']?> <span class="nt" title="Numéro taxonomique"><?=$taxon['nt']?></span>`
100	`</span>`	108	`</span>`
101	`</li>`	109	`</li>`
102	`<? endforeach; ?>`	110	`<? endforeach; ?>`
103	`</ol>`	111	`</ol>`
104	`</div>`	112	`</div>`
105	`</div>`	113	`</div>`
106	`</div>`	114	`</div>`
107	`<? endif ?>`	115	`<? endif ?>`
108	`<div id="carte"></div>`	116	`<div id="carte"></div>`
109		117
110	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`	118	`<!-- Blocs chargés à la demande : par défaut avec un style display à none -->`
111	`<div id="chargement">`	119	`<div id="chargement">`
112	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`	120	`<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />`
113	`<p>Chargement des observations en cours...</p>`	121	`<p>Chargement des observations en cours...</p>`
114	`</div>`	122	`</div>`
115		123
116	`<!-- Stats : Google Analytics -->`	124	`<!-- Stats : Google Analytics -->`
117	`<script type="text/javascript">`	125	`<script type="text/javascript">`
118	`//<![CDATA[`	126	`//<![CDATA[`
119	`var _gaq = _gaq \|\| [];`	127	`var _gaq = _gaq \|\| [];`
120	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	128	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
121	`_gaq.push(['_trackPageview']);`	129	`_gaq.push(['_trackPageview']);`
122		130
123	`(function() {`	131	`(function() {`
124	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	132	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
125	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	133	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
126	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	134	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
127	`})();`	135	`})();`
128	`//]]>`	136	`//]]>`
129	`</script>`	137	`</script>`
130	`</body>`	138	`</body>`
131	`</html>`	139	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v1.6-croc/widget/modules/cartopoint/squelettes/carte_defaut.tpl.html @ 3220 – Rev 837 → 841