Subversion Repositories eFlore/Applications.cel

Rev

Rev 1448 | Rev 1457 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1448 Rev 1450
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> -->
-
 
26
		<!-- 	Google Map v3 -->
25
		<!-- 	Google Map v3 -->
27
		<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>
26
		<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>
28
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>
27
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>
29
		<!-- 	Jquery -->
28
		<!-- 	Jquery -->
30
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
29
		<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/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
30
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
32
		<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>
33
		<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>
34
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
33
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
35
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
34
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
37
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
38
		
37
		
39
		<!-- Javascript : appli carto -->
38
		<!-- Javascript : appli carto -->
40
		<script type="text/javascript">
39
		<script type="text/javascript">
41
		//<![CDATA[
40
		//<![CDATA[
42
			var urlsLimitesCommunales = <?= $url_limites_communales; ?>;
41
			var urlsLimitesCommunales = <?= $url_limites_communales; ?>;
43
			var nt = '<?=$num_taxon?>';
42
			var nt = '<?=$num_taxon?>';
44
			var filtreCommun = 
43
			var filtreCommun = 
45
				'&taxon=<?=rawurlencode($taxon)?>'+
44
				'&taxon=<?=rawurlencode($taxon)?>'+
46
				'&utilisateur=<?=$utilisateur?>'+
45
				'&utilisateur=<?=$utilisateur?>'+
47
				'&projet=<?=rawurlencode($projet)?>'+
46
				'&projet=<?=rawurlencode($projet)?>'+
48
				'&tag=<?=rawurlencode($tag)?>'+
47
				'&tag=<?=rawurlencode($tag)?>'+
49
				'&date=<?=$date?>'+
48
				'&date=<?=$date?>'+
50
				'&dept=<?=$dept?>'+
49
				'&dept=<?=$dept?>'+
51
				'&commune=<?=rawurlencode($commune)?>'+
50
				'&commune=<?=rawurlencode($commune)?>'+
52
				'&commentaire=<?=rawurlencode($commentaire)?>';
51
				'&commentaire=<?=rawurlencode($commentaire)?>';
53
				
52
				
54
			var photos = '<?= ($photos != null) ? $photos : null; ?>';
53
			var photos = '<?= ($photos != null) ? $photos : null; ?>';
55
			if(photos != null) {
54
			if(photos != null) {
56
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
55
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
57
			}
56
			}
58
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>';
57
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>';
59
			var urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>';
58
			var urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>';
60
			var urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>';
59
			var urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>';
61
			var urlImage = '<?= ($image != null) ? $image : "null"; ?>';
60
			var urlImage = '<?= ($image != null) ? $image : "null"; ?>';
62
			var stationsUrl = '<?=$url_cel_carto?>/tout'+'?'+
61
			var stationsUrl = '<?=$url_cel_carto?>/tout'+'?'+
63
				'num_taxon='+nt+
62
				'num_taxon='+nt+
64
				filtreCommun;
63
				filtreCommun;
65
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
64
			var taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?'+
66
				'num_taxon='+nt+
65
				'num_taxon='+nt+
67
				filtreCommun;
66
				filtreCommun;
68
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
67
			var observationsUrl = '<?=$url_cel_carto?>/observations'+'?'+
69
				'station={stationId}'+
68
				'station={stationId}'+
70
				'&num_taxon={nt}'+
69
				'&num_taxon={nt}'+
71
				filtreCommun;
70
				filtreCommun;
72
			var communeImageUrl = '<?= $communeImageUrl; ?>';
71
			var communeImageUrl = '<?= $communeImageUrl; ?>';
73
			var pointImageUrl = '<?= $pointImageUrl; ?>';
72
			var pointImageUrl = '<?= $pointImageUrl; ?>';
74
			var groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
73
			var groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
75
		//]]>
74
		//]]>
76
		</script>
75
		</script>
77
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
76
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
78
		
77
		
79
		<!-- CSS -->
78
		<!-- CSS -->
80
		<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" />
79
		<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" />
81
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />
80
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />
82
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
81
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
83
	</head>
82
	</head>
84
 
83
 
85
	<body>
84
	<body>
86
		<div id="zone-chargement-point" class="element-overlay" class="element-overlay">		
85
		<div id="zone-chargement-point" class="element-overlay" class="element-overlay">		
87
			<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
86
			<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
88
			<p> Chargement des points en cours... </p>
87
			<p> Chargement des points en cours... </p>
89
		</div>
88
		</div>
90
		<?php if($logo != null) { ?>
89
		<?php if($logo != null) { ?>
91
			<div id="logo">
90
			<div id="logo">
92
				<?php if($url_site != null) { ?>
91
				<?php if($url_site != null) { ?>
93
				<a href="<?= $url_site; ?>" 
92
				<a href="<?= $url_site; ?>" 
94
					title="<?= $url_site; ?>" 
93
					title="<?= $url_site; ?>" 
95
					onclick="ouvrirNouvelleFenetre(this, event)">
94
					onclick="ouvrirNouvelleFenetre(this, event)">
96
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
95
					<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
97
				</a>
96
				</a>
98
				<?php } else { ?>
97
				<?php } else { ?>
99
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
98
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
100
				<?php } ?>
99
				<?php } ?>
101
			</div>
100
			</div>
102
		<?php } else { ?>	
101
		<?php } else { ?>	
103
			<div id="logo">
102
			<div id="logo">
104
				<a href="http://www.tela-botanica.org/site:accueil" 
103
				<a href="http://www.tela-botanica.org/site:accueil" 
105
					title="Aller à l'accueil de Tela Botanica" 
104
					title="Aller à l'accueil de Tela Botanica" 
106
					onclick="ouvrirNouvelleFenetre(this, event)">
105
					onclick="ouvrirNouvelleFenetre(this, event)">
107
					<img class="image-logo" src="http://www.tela-botanica.org/sites/commun/generique/images/logos/logo_tela.gif" alt="TB" />
106
					<img height="60px" class="image-logo" src="http://www.tela-botanica.org/sites/commun/generique/images/logos/logo_tela.gif" alt="TB" />
108
				</a>
107
				</a>
109
			</div>
108
			</div>
110
		<?php } ?>
109
		<?php } ?>
111
		<?php if($titre !== "0" && $titre != null) : ?>
110
		<?php if($titre !== "0" && $titre != null) : ?>
112
			<div id="zone-titre" class="element-overlay">
111
			<div id="zone-titre" class="element-overlay">
113
				<h1 id="carte-titre">
112
				<h1 id="carte-titre">
114
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
113
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
115
				</h1>
114
				</h1>
116
			</div>
115
			</div>
117
		<?php endif; ?>
116
		<?php endif; ?>
118
		<? if ($num_taxon == '*') : ?>
117
		<? if ($num_taxon == '*') : ?>
119
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
118
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
120
			<div id="pl-ouverture" title="Ouvrir le panneau latéral">
119
			<div id="pl-ouverture" title="Ouvrir le panneau latéral">
121
				<span>Panneau >></span>
120
				<span>Panneau >></span>
122
				<div id="pl-indication-filtre"> Filtrer
121
				<div id="pl-indication-filtre"> Filtrer
123
				</div>
122
				</div>
124
			</div>
123
			</div>
125
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
124
			<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
126
			<div id="pl-contenu">
125
			<div id="pl-contenu">
127
				<div id="pl-entete">
126
				<div id="pl-entete">
128
					<h2>Filtre sur <span class="plantes-nbre">&nbsp;</span> plantes</h2>	
127
					<h2>Filtre sur <span class="plantes-nbre">&nbsp;</span> plantes</h2>	
129
					<p>
128
					<p>
130
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
129
						Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br /> 
131
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
130
						Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
132
					</p>
131
					</p>
133
				</div>
132
				</div>
134
				<hr class="nettoyage" />
133
				<hr class="nettoyage" />
135
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
134
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
136
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
135
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
137
				</div>
136
				</div>
138
			</div>
137
			</div>
139
		</div>
138
		</div>
140
		<? endif ?>
139
		<? endif ?>
141
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
140
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
142
		<div id="lien_plein_ecran" class="element-overlay">
141
		<div id="lien_plein_ecran" class="element-overlay">
143
			<a href="#" title="Voir en plein écran (s'ouvre dans une nouvelle fenêtre)">
142
			<a href="#" title="Voir en plein écran (s'ouvre dans une nouvelle fenêtre)">
144
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Voir en plein écran" />
143
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Voir en plein écran" />
145
			</a>
144
			</a>
146
		</div>
145
		</div>
147
		<div id="zone-stats" style="display:none" class="element-overlay">
146
		<div id="zone-stats" style="display:none" class="element-overlay">
148
				<h1>
147
				<h1>
149
				</h1>
148
				</h1>
150
		</div>
149
		</div>
151
		<?php if($image != null) { ?>
150
		<?php if($image != null) { ?>
152
			<div id="image-utilisateur">
151
			<div id="image-utilisateur">
153
				<img width="155px" src="<?= $image ?>" alt="image" />
152
				<img width="155px" src="<?= $image ?>" alt="image" />
154
			</div>
153
			</div>
155
		<?php } ?>
154
		<?php } ?>
156
		<div id="origine-donnees">
155
		<div id="origine-donnees">
157
			Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" 
156
			Observations du réseau <a href="http://www.tela-botanica.org/site:botanique" 
158
				onClick="ouvrirNouvelleFenetre(this, event)">
157
				onClick="ouvrirNouvelleFenetre(this, event)">
159
				Tela Botanica
158
				Tela Botanica
160
			</a> 
159
			</a> 
161
		</div>
160
		</div>
162
		<div id="lien-voir-cc" class="element-overlay">
161
		<div id="lien-voir-cc" class="element-overlay">
163
			<a href="<?=$url_base?>cartoPoint?carte=avertissement" title="Voir les informations et conditions d'utilisation de ce widget">
162
			<a href="<?=$url_base?>cartoPoint?carte=avertissement" title="Voir les informations et conditions d'utilisation de ce widget">
164
				?
163
				?
165
			</a>
164
			</a>
166
		</div>
165
		</div>
167
		
-
 
168
		<!-- +-------------------------------------------------------------------------------------------+ -->
166
		
169
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
167
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
170
		
168
		
171
		<!-- Squelette du message de chargement des observations -->
169
		<!-- Squelette du message de chargement des observations -->
172
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
170
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
173
			<div id="chargement" style="height:300px;">			
171
			<div id="chargement" style="height:300px;">			
174
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
172
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Chargement en cours..." />
175
				<p>Chargement des observations en cours...</p>
173
				<p>Chargement des observations en cours...</p>
176
			</div>
174
			</div>
177
		</script>
175
		</script>
178
		
176
		
179
		<!-- Squelette du contenu d'une info-bulle observation -->
177
		<!-- Squelette du contenu d'une info-bulle observation -->
180
		<script id="tpl-obs" type="text/x-jquery-tmpl">
178
		<script id="tpl-obs" type="text/x-jquery-tmpl">
181
			<div id="info-bulle" style="width:{largeur}px;">	
179
			<div id="info-bulle" style="width:{largeur}px;">	
182
				<div id="obs">				
180
				<div id="obs">				
183
					<h2 id="obs-station-titre">Station</h2>
181
					<h2 id="obs-station-titre">Station</h2>
184
					<div class="navigation">&nbsp;</div>					
182
					<div class="navigation">&nbsp;</div>					
185
					<div>
183
					<div>
186
						<ul>
184
						<ul>
187
							<li><a href="#obs-vue-tableau">Tableau</a></li>
185
							<li><a href="#obs-vue-tableau">Tableau</a></li>
188
							<li><a href="#obs-vue-liste">Liste</a></li>
186
							<li><a href="#obs-vue-liste">Liste</a></li>
189
						</ul>
187
						</ul>
190
					</div>
188
					</div>
191
					<div id="observations">
189
					<div id="observations">
192
						<div id="obs-vue-tableau" style="display:none;">
190
						<div id="obs-vue-tableau" style="display:none;">
193
							<table id="obs-tableau">
191
							<table id="obs-tableau">
194
								<thead>
192
								<thead>
195
									<tr>
193
									<tr>
196
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
194
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
197
										<th title="Date de l'observation">Date</th>
195
										<th title="Date de l'observation">Date</th>
198
										<th title="Lieu d'observation">Lieu</th>
196
										<th title="Lieu d'observation">Lieu</th>
199
										<th title="Auteur de l'observation">Observateur</th>
197
										<th title="Auteur de l'observation">Observateur</th>
200
									</tr>
198
									</tr>
201
								</thead>
199
								</thead>
202
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
200
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
203
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
201
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
204
								</tbody>
202
								</tbody>
205
							</table>
203
							</table>
206
						</div>
204
						</div>
207
						<div id="obs-vue-liste" style="display:none;">
205
						<div id="obs-vue-liste" style="display:none;">
208
							<ol id="obs-liste-lignes" class="obs-conteneur">
206
							<ol id="obs-liste-lignes" class="obs-conteneur">
209
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
207
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
210
							</ol>
208
							</ol>
211
						</div>
209
						</div>
212
					</div>
210
					</div>
213
					<div id="obs-pieds-page">
211
					<div id="obs-pieds-page">
214
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
212
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
215
					</div>
213
					</div>
216
					<div class="navigation">&nbsp;</div>
214
					<div class="navigation">&nbsp;</div>
217
				</div>
215
				</div>
218
			</div>
216
			</div>
219
		</script>
217
		</script>
220
		
218
		
221
		<!-- Squelette du contenu du tableau des observation -->
219
		<!-- Squelette du contenu du tableau des observation -->
222
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
220
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
223
			<tr class="cel-obs-${idObs}">
221
			<tr class="cel-obs-${idObs}">
224
				<td>
222
				<td>
225
					<span class="nom-sci">&nbsp;
223
					<span class="nom-sci">&nbsp;
226
					{{if nn != 0}}
224
					{{if nn != null && nn != 0 && nn != ''}}
227
						<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
225
						<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
228
							onclick="ouvrirNouvelleFenetre(this, event)">
226
							onclick="ouvrirNouvelleFenetre(this, event)">
229
							${nomSci}
227
							${nomSci}
230
						</a>
228
						</a>
231
					{{else}}
229
					{{else}}
232
						${nomSci}
230
						${nomSci}
233
					{{/if}}
231
					{{/if}}
234
					</span>
232
					</span>
235
				</td>
233
				</td>
236
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
234
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
237
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
235
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
238
				<td>
236
				<td>
239
				{{if observateur}}
237
				{{if observateur}}
240
					{{if observateurId}}					
238
					{{if observateurId}}					
241
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
239
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
242
						href="#form-contact" 
240
						href="#form-contact" 
243
						title="Contactez ce contributeur">
241
						title="Contactez ce contributeur">
244
							${observateur}
242
							${observateur}
245
						</a>
243
						</a>
246
					{{else}}
244
					{{else}}
247
						${observateur}
245
						${observateur}
248
					{{/if}}
246
					{{/if}}
249
				{{else}}
247
				{{else}}
250
					&nbsp;
248
					&nbsp;
251
				{{/if}}
249
				{{/if}}
252
				</td>
250
				</td>
253
			</tr>
251
			</tr>
254
		</script>
252
		</script>
255
		
253
		
256
		<!-- Squelette du contenu de la liste des observations -->
254
		<!-- Squelette du contenu de la liste des observations -->
257
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
255
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
258
			<li>
256
			<li>
259
				<div class="cel-obs-${idObs}">
257
				<div class="cel-obs-${idObs}">
260
					{{if images}}
258
					{{if images}}
261
					{{each(index, img) images}}
259
					{{each(index, img) images}}
262
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
260
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
263
						<a class="cel-img" 
261
						<a class="cel-img" 
264
							href="${img.normale}" 
262
							href="${img.normale}" 
265
							title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
263
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
266
							rel="cel-obs-${idObs}">
264
							rel="cel-obs-${idObs}">
267
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
265
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
268
						</a>
266
						</a>
269
						<p id="cel-info-${img.idImg}" class="cel-infos">
267
						<p id="cel-info-${img.idImg}" class="cel-infos">
270
							<a class="cel-img-titre" href="http://www.tela-botanica.org/bdtfx-nn-${nn}"
268
							<a class="cel-img-titre" href="http://www.tela-botanica.org/bdtfx-nn-${nn}"
271
								onclick="window.open(this.href);return false;"  
269
								onclick="window.open(this.href);return false;"  
272
								title="Cliquez pour accéder à la fiche eFlore">
270
								title="Cliquez pour accéder à la fiche eFlore">
273
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
271
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
274
							</a>
272
							</a>
275
							<br />
273
							<br />
276
							<span class="cel-img-date">Publiée le ${datePubli}</span>
274
							<span class="cel-img-date">Publiée le ${datePubli}</span>
277
 						</p>
275
 						</p>
278
					</div>
276
					</div>
279
					{{/each}}
277
					{{/each}}
280
					{{/if}}
278
					{{/if}}
281
					<dl>
279
					<dl>
282
						<dt class="champ-nom-sci">Nom</dt>
280
						<dt class="champ-nom-sci">Nom</dt>
283
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
281
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
284
							<span class="nom-sci">&nbsp;
282
							<span class="nom-sci">&nbsp;
285
							{{if nn != 0}}
283
							{{if nn != null && nn != 0 && nn != ''}}
286
								<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
284
								<a href="http://www.tela-botanica.org/bdtfx-nn-${nn}" 
287
									onclick="ouvrirNouvelleFenetre(this, event)">
285
									onclick="ouvrirNouvelleFenetre(this, event)">
288
									${nomSci}
286
									${nomSci}
289
								</a>
287
								</a>
290
							{{else}}
288
							{{else}}
291
								${nomSci}
289
								${nomSci}
292
							{{/if}}
290
							{{/if}}
293
							</span>
291
							</span>
294
						</dd>
292
						</dd>
295
						<dt title="Lieu d'observation">Lieu</dt><dd class="lieu">&nbsp;${lieu}</dd>
293
						<dt title="Lieu d'observation">Lieu</dt><dd class="lieu">&nbsp;${lieu}</dd>
296
						<dt title="Date d'observation">Le</dt><dd class="date">&nbsp;${date}</dd>
294
						<dt title="Date d'observation">Le</dt><dd class="date">&nbsp;${date}</dd>
297
						<dt title="Auteur de l'observation">Publié par</dt>
295
						<dt title="Auteur de l'observation">Publié par</dt>
298
						<dd>
296
						<dd>
299
						{{if observateur}}
297
						{{if observateur}}
300
							{{if observateurId}}					
298
							{{if observateurId}}					
301
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
299
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
302
									href="#form-contact" 
300
									href="#form-contact" 
303
									title="Contactez ce contributeur">
301
									title="Contactez ce contributeur">
304
									${observateur}
302
									${observateur}
305
								</a>
303
								</a>
306
							{{else}}
304
							{{else}}
307
								${observateur}
305
								${observateur}
308
							{{/if}}
306
							{{/if}}
309
						{{else}}
307
						{{else}}
310
							&nbsp;
308
							&nbsp;
311
						{{/if}}
309
						{{/if}}
312
						</dd>
310
						</dd>
313
					</dl>
311
					</dl>
314
					<hr class="nettoyage"/>
312
					<hr class="nettoyage"/>
315
				</div>
313
				</div>
316
			</li>
314
			</li>
317
		</script>
315
		</script>
318
		
316
		
319
		<!-- Squelette de la liste des taxons -->
317
		<!-- Squelette de la liste des taxons -->
320
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
318
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
321
			<span class="raz-filtre-taxons taxon-actif" title="Voir tous les taxons">
319
			<span class="raz-filtre-taxons taxon-actif" title="Voir tous les taxons">
322
				Voir tous les taxons
320
				Voir tous les taxons
323
			</span> 
321
			</span> 
324
			<ol id="taxons">
322
			<ol id="taxons">
325
				{{each(index, taxon) taxons}}
323
				{{each(index, taxon) taxons}}
326
					<li id="taxon-${taxon.nt}">
324
					<li id="taxon-${taxon.nt}">
327
						<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">
325
						<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">
328
							${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span> 
326
							${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span> 
329
						</span>
327
						</span>
330
					</li>
328
					</li>
331
				{{/each}}
329
				{{/each}}
332
			</ol>
330
			</ol>
333
		</script>
331
		</script>
334
		
332
		
335
		<!-- Squelette du formulaire de contact -->
333
		<!-- Squelette du formulaire de contact -->
336
		<div id="tpl-form-contact" style="display:none;">
334
		<div id="tpl-form-contact" style="display:none;">
337
			<form id="form-contact" method="post" action="">
335
			<form id="form-contact" method="post" action="">
338
	    		<div id="fc-zone-dialogue"></div>
336
	    		<div id="fc-zone-dialogue"></div>
339
	    		<dl>
337
	    		<dl>
340
	    			<dt><label for="fc_sujet">Sujet</label></dt>
338
	    			<dt><label for="fc_sujet">Sujet</label></dt>
341
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
339
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
342
					<dt><label for="fc_message">Message</label></dt>
340
					<dt><label for="fc_message">Message</label></dt>
343
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
341
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
344
					<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>
342
					<dt><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></dt>
345
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
343
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
346
				</dl>
344
				</dl>
347
				<p>
345
				<p>
348
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
346
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
349
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
347
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
350
					
348
					
351
					<button id="fc_annuler" type="button">Annuler</button>
349
					<button id="fc_annuler" type="button">Annuler</button>
352
					&nbsp;
350
					&nbsp;
353
					<button id="fc_effacer" type="reset">Effacer</button>
351
					<button id="fc_effacer" type="reset">Effacer</button>
354
					&nbsp;
352
					&nbsp;
355
					<input id="fc_envoyer" type="submit" value="Envoyer" />
353
					<input id="fc_envoyer" type="submit" value="Envoyer" />
356
				</p>
354
				</p>
357
			</form>
355
			</form>
358
		</div>
356
		</div>
359
		
357
		
360
		<!-- Stats : Google Analytics -->
358
		<!-- Stats : Google Analytics -->
361
		<script type="text/javascript">
359
		<script type="text/javascript">
362
			//<![CDATA[
360
			//<![CDATA[
363
			var _gaq = _gaq || [];
361
			var _gaq = _gaq || [];
364
			_gaq.push(['_setAccount', 'UA-20092557-1']);
362
			_gaq.push(['_setAccount', 'UA-20092557-1']);
365
			_gaq.push(['_trackPageview']);
363
			_gaq.push(['_trackPageview']);
366
			
364
			
367
			(function() {
365
			(function() {
368
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
366
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
369
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
367
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
370
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
368
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
371
			})();
369
			})();
372
			//]]>
370
			//]]>
373
		</script>
371
		</script>
374
	</body>
372
	</body>
375
</html>
373
</html>