Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3061 Rev 3066
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>Publieke waarnemingen CEL - Tela Botanica</title>
4
		<title>Publieke waarnemingen 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="Tela Botanica" />
13
        <meta name="author" content="Tela Botanica" />
14
        <meta name="keywords" content="Tela Botanica, cartographie, CEL" />
14
        <meta name="keywords" content="Tela Botanica, cartographie, CEL" />
15
        <meta name="description" content="Kaartenwidget publieke waarnemingen van planten die in de ‘Carnet en Ligne’ (CEL) werden ingevoerd" />
15
        <meta name="description" content="Kaartenwidget publieke waarnemingen van planten die in de ‘Carnet en Ligne’ (CEL) werden ingevoerd" />
16
 
16
 
17
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
17
		<!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18
		<meta property="og:type" content="website" />
18
		<meta property="og:type" content="website" />
19
		<meta property="og:title" content="Publieke waarnemingen CEL" />
19
		<meta property="og:title" content="Publieke waarnemingen CEL" />
20
		<meta property="og:site_name" content="Tela Botanica" />
20
		<meta property="og:site_name" content="Tela Botanica" />
21
		<meta property="og:description" content="Kaartweergave publieke waarnemingen van de ‘Carnet en Ligne’" />
21
		<meta property="og:description" content="Kaartweergave publieke waarnemingen van de ‘Carnet en Ligne’" />
22
		<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
22
		<meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
		<meta property="og:image:type" content="image/png" /> 
23
		<meta property="og:image:type" content="image/png" /> 
24
		<meta property="og:image:width" content="256" /> 
24
		<meta property="og:image:width" content="256" /> 
25
		<meta property="og:image:height" content="256" />
25
		<meta property="og:image:height" content="256" />
26
		<meta property="og:locale" content="fr_FR" />
26
		<meta property="og:locale" content="fr_FR" />
27
 
27
 
28
		<!-- Spécial mobile -->
28
		<!-- Spécial mobile -->
29
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
29
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
30
		
30
		
31
		<!-- Favicones -->
31
		<!-- Favicones -->
32
		<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
32
		<link rel="icon" type="image/png" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.png" />
33
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
33
		<link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
34
		
34
		
35
		<!-- Javascript : bibliothèques -->
35
		<!-- Javascript : bibliothèques -->
36
		<!-- 	Google Map v3 -->
36
		<!-- 	Google Map v3 -->
37
		<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=<?php echo $cleGoogleMaps; ?>&v=3.5&amp;sensor=true&amp;language=nl&amp;region=NL"></script>
37
		<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=<?php echo $cleGoogleMaps; ?>&v=3.5&amp;sensor=true&amp;language=nl&amp;region=NL"></script>
38
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>
38
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/google/map/3/markermanager/1.0/markermanager-1.0.pack.js"></script>
39
		<!-- 	Jquery -->
39
		<!-- 	Jquery -->
40
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
40
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
41
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
41
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
42
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
42
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
43
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
43
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
44
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
44
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
45
		<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
45
		<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
46
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
46
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
47
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
47
		<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
48
		
48
		
49
		<!-- Javascript : appli carto -->
49
		<!-- Javascript : appli carto -->
50
		<script type="text/javascript">
50
		<script type="text/javascript">
51
		//<![CDATA[
51
		//<![CDATA[
52
		    global_lang = "nl"; // langue pour la traduction du JS
52
		    global_lang = "nl"; // langue pour la traduction du JS
53
 
53
 
54
			var urlWidgetSaisie = '<?= $url_widget_saisie; ?>',
54
			var urlWidgetSaisie = '<?= $url_widget_saisie; ?>',
55
				urlsLimitesCommunales = '<?= $url_limites_communales; ?>',
55
				urlsLimitesCommunales = '<?= $url_limites_communales; ?>',
56
				nt = '<?=$num_taxon?>',
56
				nt = '<?=$num_taxon?>',
57
				filtreCommun = 
57
				filtreCommun = 
58
					'&taxon=<?=rawurlencode($taxon)?>'+
58
					'&taxon=<?=rawurlencode($taxon)?>'+
59
					'&utilisateur=<?=$utilisateur?>'+
59
					'&utilisateur=<?=$utilisateur?>'+
60
					'&projet=<?=rawurlencode($projet)?>'+
60
					'&projet=<?=rawurlencode($projet)?>'+
61
					'&tag=<?=rawurlencode($tag)?>'+
61
					'&tag=<?=rawurlencode($tag)?>'+
62
					'&date=<?=$date?>'+
62
					'&date=<?=$date?>'+
63
					'&dept=<?=$dept?>'+
63
					'&dept=<?=$dept?>'+
64
					'&commune=<?=rawurlencode($commune)?>'+
64
					'&commune=<?=rawurlencode($commune)?>'+
65
					'&pays=<?=rawurlencode($pays)?>'+
65
					'&pays=<?=rawurlencode($pays)?>'+
66
					'&commentaire=<?=rawurlencode($commentaire)?>'+
66
					'&commentaire=<?=rawurlencode($commentaire)?>'+
67
					'&groupe_zones_geo=<?=rawurlencode($groupe_zones_geo)?>',
67
					'&groupe_zones_geo=<?=rawurlencode($groupe_zones_geo)?>',
68
				utilisateur = '<?=$utilisateur?>',
68
				utilisateur = '<?=$utilisateur?>',
69
				photos = '<?= ($photos != null) ? $photos : "null"; ?>';
69
				photos = '<?= ($photos != null) ? $photos : "null"; ?>';
70
				groupe_zones_geo = '<?= ($groupe_zones_geo != null) ? $groupe_zones_geo : "null"; ?>';
70
				groupe_zones_geo = '<?= ($groupe_zones_geo != null) ? $groupe_zones_geo : "null"; ?>';
71
			if (photos != null) {
71
			if (photos != null) {
72
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
72
				filtreCommun += '&photos=<?=rawurlencode($photos)?>';
73
			}
73
			}
74
			var nbJours = '<?= ($nbjours != null) ? $nbjours : "null"; ?>';
74
			var nbJours = '<?= ($nbjours != null) ? $nbjours : "null"; ?>';
75
			if (nbJours != null) {
75
			if (nbJours != null) {
76
				filtreCommun += '&nbjours=<?=rawurlencode($nbjours)?>';
76
				filtreCommun += '&nbjours=<?=rawurlencode($nbjours)?>';
77
			}
77
			}
78
			var annee = '<?= ($annee != null) ? $annee : "null"; ?>';
78
			var annee = '<?= ($annee != null) ? $annee : "null"; ?>';
79
			if (annee != null) {
79
			if (annee != null) {
80
				filtreCommun += '&annee=<?=rawurlencode($annee)?>';
80
				filtreCommun += '&annee=<?=rawurlencode($annee)?>';
81
			}
81
			}
82
			var referentiel = '<?= ($referentiel != null) ? $referentiel : "null"; ?>';
82
			var referentiel = '<?= ($referentiel != null) ? $referentiel : "null"; ?>';
83
			if (referentiel != null) {
83
			if (referentiel != null) {
84
				filtreCommun += '&referentiel=<?=rawurlencode($referentiel)?>';
84
				filtreCommun += '&referentiel=<?=rawurlencode($referentiel)?>';
85
			}
85
			}
86
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',
86
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',
87
				urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',
87
				urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',
88
				urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',
88
				urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',
89
				urlImage = '<?= ($image != null) ? $image : "null"; ?>',
89
				urlImage = '<?= ($image != null) ? $image : "null"; ?>',
90
				stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,
90
				stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,
91
				taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,
91
				taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,
92
				observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +
92
				observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +
93
					'station={stationId}'+
93
					'station={stationId}'+
94
					'&num_taxon={nt}'+
94
					'&num_taxon={nt}'+
95
					filtreCommun,
95
					filtreCommun,
96
				communeImageUrl = '<?= $communeImageUrl; ?>',
96
				communeImageUrl = '<?= $communeImageUrl; ?>',
97
				pointImageUrl = '<?= $pointImageUrl; ?>',
97
				pointImageUrl = '<?= $pointImageUrl; ?>',
98
				groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
98
				groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
99
		//]]>
99
		//]]>
100
		</script>
100
		</script>
101
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
101
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
102
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto_msgs.js"></script>
102
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto_msgs.js"></script>
103
		
103
		
104
		<!-- CSS -->
104
		<!-- CSS -->
105
		<link rel="stylesheet" href="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
105
		<link rel="stylesheet" href="https://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
106
		<link rel="stylesheet" href="https://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" />
106
		<link rel="stylesheet" href="https://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" />
107
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
107
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
108
 
108
 
109
		<!--  Google Analytics -->
109
		<!--  Google Analytics -->
110
		<?php if($prod): ?>
110
		<?php if($prod): ?>
111
			<?php include "analytics.html"; ?>
111
			<?php include "analytics.html"; ?>
112
		<?php endif; ?>
112
		<?php endif; ?>
113
	</head>
113
	</head>
114
 
114
 
115
	<body>
115
	<body>
116
		<div id="zone-chargement-point" class="element-overlay">		
116
		<div id="zone-chargement-point" class="element-overlay">		
117
			<img id="img-chargement" src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement_transparent.gif" alt="Wordt geladen..." />
117
			<img id="img-chargement" src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement_transparent.gif" alt="Wordt geladen..." />
118
			<div id="legende-chargement">Punten worden geladen...</div>
118
			<div id="legende-chargement">Punten worden geladen...</div>
119
		</div>
119
		</div>
120
		<?php if($logo != null) { ?>
120
		<?php if($logo != null) { ?>
-
 
121
			<?php if($logo != '0') { ?>
121
			<div id="logo">
122
				<div id="logo">
122
				<?php if($url_site != null) { ?>
123
					<?php if($url_site != null) { ?>
123
				<a href="<?= $url_site; ?>" 
124
					<a href="<?= $url_site; ?>" 
124
					title="<?= $url_site; ?>" 
125
						title="<?= $url_site; ?>" 
125
					onclick="ouvrirNouvelleFenetre(this, event)">
126
						onclick="ouvrirNouvelleFenetre(this, event)">
126
					<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
127
						<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
127
				</a>
128
					</a>
128
				<?php } else { ?>
129
					<?php } else { ?>
129
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
130
						<img class="image-logo" src="<?= $logo ?>" alt="logo" />
130
				<?php } ?>
131
					<?php } ?>
131
			</div>
132
				</div>
-
 
133
			<?php } ?>
132
		<?php } else { ?>
134
		<?php } else { ?>
133
			<div id="logo">
135
			<div id="logo">
134
				<a href="http://www.tela-botanica.org/site:accueil" 
136
				<a href="http://www.tela-botanica.org/site:accueil" 
135
					title="Naar homepage Tela Botanica" 
137
					title="Naar homepage Tela Botanica" 
136
					onclick="ouvrirNouvelleFenetre(this, event)">
138
					onclick="ouvrirNouvelleFenetre(this, event)">
137
					<img height="60px" class="image-logo" src="https://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />
139
					<img height="60px" class="image-logo" src="https://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />
138
				</a>
140
				</a>
139
			</div>
141
			</div>
140
		<?php } ?>
142
		<?php } ?>
141
		<?php if($titre !== "0" && $titre != null) : ?>
143
		<?php if($titre !== "0" && $titre != null) : ?>
142
			<div id="zone-titre" class="element-overlay">
144
			<div id="zone-titre" class="element-overlay">
143
				<h1 id="carte-titre">
145
				<h1 id="carte-titre">
144
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
146
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
145
				</h1>
147
				</h1>
146
			</div>
148
			</div>
147
		<?php endif; ?>
149
		<?php endif; ?>
148
		<? if ($num_taxon == '*') : ?>
150
		<? if ($num_taxon == '*') : ?>
149
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
151
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
150
			<div id="pl-ouverture" title="Waarnemingen filteren per soort">
152
			<div id="pl-ouverture" title="Waarnemingen filteren per soort">
151
				<span>Paneel >></span>
153
				<span>Paneel >></span>
152
				<div id="pl-indication-filtre"> Filteren 
154
				<div id="pl-indication-filtre"> Filteren 
153
				</div>
155
				</div>
154
			</div>
156
			</div>
155
			<div id="pl-fermeture" title="Zijpaneel sluiten"><span><< Sluiten [x]</span></div>
157
			<div id="pl-fermeture" title="Zijpaneel sluiten"><span><< Sluiten [x]</span></div>
156
			<div id="pl-contenu">
158
			<div id="pl-contenu">
157
				<div id="pl-entete">
159
				<div id="pl-entete">
158
					<h2>Filteren op <span class="plantes-nbre">&nbsp;</span> planten</h2>	
160
					<h2>Filteren op <span class="plantes-nbre">&nbsp;</span> planten</h2>	
159
					<p>
161
					<p>
160
						Klik op een plantennaam om de waarnemingen op de kaart te filteren Terug naar het standaardscherm
162
						Klik op een plantennaam om de waarnemingen op de kaart te filteren Terug naar het standaardscherm
161
					</p>
163
					</p>
162
				</div>
164
				</div>
163
				<hr class="nettoyage" />
165
				<hr class="nettoyage" />
164
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
166
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
165
					<hr class="nettoyage" />
167
					<hr class="nettoyage" />
166
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
168
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
167
					<span class="raz-filtre-taxons taxon-actif" title="Toon alle taxa">
169
					<span class="raz-filtre-taxons taxon-actif" title="Toon alle taxa">
168
						Toon alle taxa
170
						Toon alle taxa
169
					</span> 
171
					</span> 
170
					<ol id="taxons">
172
					<ol id="taxons">
171
					</ol>
173
					</ol>
172
				</div>
174
				</div>
173
			</div>
175
			</div>
174
		</div>
176
		</div>
175
		<? endif ?>
177
		<? endif ?>
176
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
178
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
177
		<div id="lien_plein_ecran" class="element-overlay">
179
		<div id="lien_plein_ecran" class="element-overlay">
178
			<a href="#" title="Over volledig scherm tonen (opent in een nieuw venster)">
180
			<a href="#" title="Over volledig scherm tonen (opent in een nieuw venster)">
179
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Volledig scherm tonen" />
181
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Volledig scherm tonen" />
180
			</a>
182
			</a>
181
		</div>
183
		</div>
182
		<div id="zone-stats" style="display:none" class="element-overlay">
184
		<div id="zone-stats" style="display:none" class="element-overlay">
183
				<h1>
185
				<h1>
184
				</h1>
186
				</h1>
185
		</div>
187
		</div>
186
		<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">
188
		<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">
187
			<div id="lien-affichage-filtre-utilisateur">Mijn kaart</div>
189
			<div id="lien-affichage-filtre-utilisateur">Mijn kaart</div>
188
			<div id="formulaire-filtre-utilisateur">
190
			<div id="formulaire-filtre-utilisateur">
189
				<span class="indication-filtre-utilisateur">Toon de kaart met uw waarnemingen</span>
191
				<span class="indication-filtre-utilisateur">Toon de kaart met uw waarnemingen</span>
190
				<input type="text" id="filtre-utilisateur" placeholder="Voer uw e-mailadres in" value="<?= ($utilisateur != '*') ? $utilisateur : '' ?>" title="Voer het e-mailadres in van een gebruiker om zijn gegevens te bekijken" />
192
				<input type="text" id="filtre-utilisateur" placeholder="Voer uw e-mailadres in" value="<?= ($utilisateur != '*') ? $utilisateur : '' ?>" title="Voer het e-mailadres in van een gebruiker om zijn gegevens te bekijken" />
191
				<input id="valider-filtre-utilisateur" type="button" value="ok" />
193
				<input id="valider-filtre-utilisateur" type="button" value="ok" />
192
				<a href="#" id="raz-filtre-utilisateur">Toon de algemene kaart</a>
194
				<a href="#" id="raz-filtre-utilisateur">Toon de algemene kaart</a>
193
			</div>
195
			</div>
194
		</div>
196
		</div>
195
		<?php if($image != null) { ?>
197
		<?php if($image != null) { ?>
196
			<div id="image-utilisateur">
198
			<div id="image-utilisateur">
197
				<img width="155px" src="<?= $image ?>" alt="afbeelding" />
199
				<img width="155px" src="<?= $image ?>" alt="afbeelding" />
198
			</div>
200
			</div>
199
		<?php } ?>
201
		<?php } ?>
200
		<div id="origine-donnees">
202
		<div id="origine-donnees">
201
			Netwerkwaarnemingen <a href="http://www.tela-botanica.org/site:botanique" 
203
			Netwerkwaarnemingen <a href="http://www.tela-botanica.org/site:botanique" 
202
				onClick="ouvrirNouvelleFenetre(this, event)">
204
				onClick="ouvrirNouvelleFenetre(this, event)">
203
				Tela Botanica
205
				Tela Botanica
204
			</a>
206
			</a>
205
			- Kaart : <a href="http://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>
207
			- Kaart : <a href="http://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>
206
			- Tegels : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>
208
			- Tegels : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>
207
		</div>
209
		</div>
208
		<!-- trichouille : cette partie n'est pas traduite. De toute façon personne ne la lit :)
210
		<!-- trichouille : cette partie n'est pas traduite. De toute façon personne ne la lit :)
209
		<div id="lien-voir-cc" class="element-overlay">
211
		<div id="lien-voir-cc" class="element-overlay">
210
			<a href="<?=$url_base?>cartoPoint?carte=avertissement">
212
			<a href="<?=$url_base?>cartoPoint?carte=avertissement">
211
				?
213
				?
212
			</a>
214
			</a>
213
		</div>-->
215
		</div>-->
214
		
216
		
215
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
217
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
216
		
218
		
217
		<!-- Squelette du message de chargement des observations -->
219
		<!-- Squelette du message de chargement des observations -->
218
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
220
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
219
			<div id="chargement" style="height:300px;">			
221
			<div id="chargement" style="height:300px;">			
220
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Wordt geladen..." />
222
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Wordt geladen..." />
221
				<p>Waarnemingen worden geladen...</p>
223
				<p>Waarnemingen worden geladen...</p>
222
			</div>
224
			</div>
223
		</script>
225
		</script>
224
		
226
		
225
		<!-- Squelette du contenu d'une info-bulle observation -->
227
		<!-- Squelette du contenu d'une info-bulle observation -->
226
		<script id="tpl-obs" type="text/x-jquery-tmpl">
228
		<script id="tpl-obs" type="text/x-jquery-tmpl">
227
			<div id="info-bulle" style="width:{largeur}px;">	
229
			<div id="info-bulle" style="width:{largeur}px;">	
228
				<div id="obs">				
230
				<div id="obs">				
229
					<h2 id="obs-station-titre">Station</h2>
231
					<h2 id="obs-station-titre">Station</h2>
230
					<div class="navigation">&nbsp;</div>					
232
					<div class="navigation">&nbsp;</div>					
231
					<div>
233
					<div>
232
						<ul>
234
						<ul>
233
							<li><a href="#obs-vue-tableau">Tabel</a></li>
235
							<li><a href="#obs-vue-tableau">Tabel</a></li>
234
							<li><a href="#obs-vue-liste">Lijst</a></li>
236
							<li><a href="#obs-vue-liste">Lijst</a></li>
235
						</ul>
237
						</ul>
236
					</div>
238
					</div>
237
					<div id="observations">
239
					<div id="observations">
238
						<div id="obs-vue-tableau" style="display:none;">
240
						<div id="obs-vue-tableau" style="display:none;">
239
							<table id="obs-tableau">
241
							<table id="obs-tableau">
240
								<thead>
242
								<thead>
241
									<tr>
243
									<tr>
242
										<th title="Door de gebruiker gedefinieerde wetenschappelijke naam">Naam</th>
244
										<th title="Door de gebruiker gedefinieerde wetenschappelijke naam">Naam</th>
243
										<th title="Datum waarneming">Datum</th>
245
										<th title="Datum waarneming">Datum</th>
244
										<th title="Plaats waarneming">Plaats</th>
246
										<th title="Plaats waarneming">Plaats</th>
245
										<th title="Auteur waarneming">Waarnemer</th>
247
										<th title="Auteur waarneming">Waarnemer</th>
246
									</tr>
248
									</tr>
247
								</thead>
249
								</thead>
248
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
250
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
249
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
251
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
250
								</tbody>
252
								</tbody>
251
							</table>
253
							</table>
252
						</div>
254
						</div>
253
						<div id="obs-vue-liste" style="display:none;">
255
						<div id="obs-vue-liste" style="display:none;">
254
							<ol id="obs-liste-lignes" class="obs-conteneur">
256
							<ol id="obs-liste-lignes" class="obs-conteneur">
255
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
257
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
256
							</ol>
258
							</ol>
257
						</div>
259
						</div>
258
					</div>
260
					</div>
259
					<div id="obs-pieds-page">
261
					<div id="obs-pieds-page">
260
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
262
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
261
					</div>
263
					</div>
262
					<div class="navigation">&nbsp;</div>
264
					<div class="navigation">&nbsp;</div>
263
					<div class="conteneur-lien-saisie" style="display:none;">
265
					<div class="conteneur-lien-saisie" style="display:none;">
264
						<a href="#" class="lien-widget-saisie">
266
						<a href="#" class="lien-widget-saisie">
265
							Waarneming voor deze site toevoegen
267
							Waarneming voor deze site toevoegen
266
						</a>
268
						</a>
267
					</div>
269
					</div>
268
				</div>
270
				</div>
269
			</div>
271
			</div>
270
		</script>
272
		</script>
271
		
273
		
272
		<!-- Squelette du contenu du tableau des observations -->
274
		<!-- Squelette du contenu du tableau des observations -->
273
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
275
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
274
			<tr class="cel-obs-${idObs}">
276
			<tr class="cel-obs-${idObs}">
275
				<td>
277
				<td>
276
					<span class="nom-sci">&nbsp;
278
					<span class="nom-sci">&nbsp;
277
					{{if nn != null && nn != 0 && nn != ''}}
279
					{{if nn != null && nn != 0 && nn != ''}}
278
						<a href="${urlEflore}" 
280
						<a href="${urlEflore}" 
279
							onclick="ouvrirNouvelleFenetre(this, event)">
281
							onclick="ouvrirNouvelleFenetre(this, event)">
280
							${nomSci}
282
							${nomSci}
281
						</a>
283
						</a>
282
					{{else}}
284
					{{else}}
283
						${nomSci}
285
						${nomSci}
284
					{{/if}}
286
					{{/if}}
285
					</span>
287
					</span>
286
				</td>
288
				</td>
287
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
289
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
288
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
290
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
289
				<td>
291
				<td>
290
				{{if observateur}}
292
				{{if observateur}}
291
					{{if observateurId}}					
293
					{{if observateurId}}					
292
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
294
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
293
						href="#form-contact" 
295
						href="#form-contact" 
294
						title="Contact opnemen met deze medewerker">
296
						title="Contact opnemen met deze medewerker">
295
							${observateur}
297
							${observateur}
296
						</a>
298
						</a>
297
					{{else}}
299
					{{else}}
298
						<a class="contact obs-${idObs}" 
300
						<a class="contact obs-${idObs}" 
299
						href="#form-contact" 
301
						href="#form-contact" 
300
						title="Contact opnemen met deze medewerker">
302
						title="Contact opnemen met deze medewerker">
301
							${observateur}
303
							${observateur}
302
						</a>
304
						</a>
303
					{{/if}}
305
					{{/if}}
304
				{{else}}
306
				{{else}}
305
					&nbsp;
307
					&nbsp;
306
				{{/if}}
308
				{{/if}}
307
				</td>
309
				</td>
308
			</tr>
310
			</tr>
309
		</script>
311
		</script>
310
		
312
		
311
		<!-- Squelette du contenu de la liste des observations -->
313
		<!-- Squelette du contenu de la liste des observations -->
312
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
314
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
313
			<li>
315
			<li>
314
				<div class="cel-obs-${idObs}">
316
				<div class="cel-obs-${idObs}">
315
					{{if images}}
317
					{{if images}}
316
					{{each(index, img) images}}
318
					{{each(index, img) images}}
317
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
319
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
318
						<a class="cel-img" 
320
						<a class="cel-img" 
319
							href="${img.normale}" 
321
							href="${img.normale}" 
320
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} door ${observateur} - gepubliceerd op ${datePubli} - GUID : ${img.guid}" 
322
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} door ${observateur} - gepubliceerd op ${datePubli} - GUID : ${img.guid}" 
321
							rel="cel-obs-${idObs}">
323
							rel="cel-obs-${idObs}">
322
							<img src="${img.miniature}" alt="Afbeelding #${img.idImg} van der waarneming #${nn}" />
324
							<img src="${img.miniature}" alt="Afbeelding #${img.idImg} van der waarneming #${nn}" />
323
						</a>
325
						</a>
324
						<p id="cel-info-${img.idImg}" class="cel-infos">
326
						<p id="cel-info-${img.idImg}" class="cel-infos">
325
							<a class="cel-img-titre" href="${urlEflore}"
327
							<a class="cel-img-titre" href="${urlEflore}"
326
								onclick="window.open(this.href);return false;"  
328
								onclick="window.open(this.href);return false;"  
327
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
329
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
328
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> door <em>${observateur}</em>
330
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> door <em>${observateur}</em>
329
							</a>
331
							</a>
330
							<br />
332
							<br />
331
							<span class="cel-img-date">Gepubliceerd op ${datePubli}</span>
333
							<span class="cel-img-date">Gepubliceerd op ${datePubli}</span>
332
 						</p>
334
 						</p>
333
					</div>
335
					</div>
334
					{{/each}}
336
					{{/each}}
335
					{{/if}}
337
					{{/if}}
336
					<dl>
338
					<dl>
337
						<dt class="champ-nom-sci">Naam</dt>
339
						<dt class="champ-nom-sci">Naam</dt>
338
						<dd title="Door de gebruiker gedefinieerde naam.{{if nn != 0}}. Klik hier om toegang te krijgen tot de eFlore fiche.{{/if}}">
340
						<dd title="Door de gebruiker gedefinieerde naam.{{if nn != 0}}. Klik hier om toegang te krijgen tot de eFlore fiche.{{/if}}">
339
							<span class="nom-sci">&nbsp;
341
							<span class="nom-sci">&nbsp;
340
							{{if nn != null && nn != 0 && nn != ''}}
342
							{{if nn != null && nn != 0 && nn != ''}}
341
								<a href="${urlEflore}" 
343
								<a href="${urlEflore}" 
342
									onclick="ouvrirNouvelleFenetre(this, event)">
344
									onclick="ouvrirNouvelleFenetre(this, event)">
343
									${nomSci}
345
									${nomSci}
344
								</a>
346
								</a>
345
							{{else}}
347
							{{else}}
346
								${nomSci}
348
								${nomSci}
347
							{{/if}}
349
							{{/if}}
348
							</span>
350
							</span>
349
						</dd>
351
						</dd>
350
						<dt title="Plaats waarneming">Plaats</dt><dd class="lieu">&nbsp;${lieu}</dd>
352
						<dt title="Plaats waarneming">Plaats</dt><dd class="lieu">&nbsp;${lieu}</dd>
351
						<dt title="Datum waarneming">Op</dt><dd class="date">&nbsp;${date}</dd>
353
						<dt title="Datum waarneming">Op</dt><dd class="date">&nbsp;${date}</dd>
352
						<dt title="Auteur waarneming">Gepubliceerd door</dt>
354
						<dt title="Auteur waarneming">Gepubliceerd door</dt>
353
						<dd>
355
						<dd>
354
						{{if observateur}}
356
						{{if observateur}}
355
							{{if observateurId}}					
357
							{{if observateurId}}					
356
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
358
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
357
									href="#form-contact" 
359
									href="#form-contact" 
358
									title="Contact opnemen met deze medewerker">
360
									title="Contact opnemen met deze medewerker">
359
									${observateur}
361
									${observateur}
360
								</a>
362
								</a>
361
							{{else}}
363
							{{else}}
362
								<a class="contact obs-${idObs}" 
364
								<a class="contact obs-${idObs}" 
363
									href="#form-contact" 
365
									href="#form-contact" 
364
									title="Contact opnemen met deze medewerker">
366
									title="Contact opnemen met deze medewerker">
365
									${observateur}
367
									${observateur}
366
								</a>
368
								</a>
367
							{{/if}}
369
							{{/if}}
368
						{{else}}
370
						{{else}}
369
							&nbsp;
371
							&nbsp;
370
						{{/if}}
372
						{{/if}}
371
						</dd>
373
						</dd>
372
					</dl>
374
					</dl>
373
					<hr class="nettoyage"/>
375
					<hr class="nettoyage"/>
374
				</div>
376
				</div>
375
			</li>
377
			</li>
376
		</script>
378
		</script>
377
		
379
		
378
		<!-- Squelette de la liste des taxons -->
380
		<!-- Squelette de la liste des taxons -->
379
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
381
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
380
				{{each(index, taxon) taxons}}
382
				{{each(index, taxon) taxons}}
381
					<li id="taxon-${taxon.nt}">
383
					<li id="taxon-${taxon.nt}">
382
						<span class="taxon" title="Taxonnummer : ${taxon.nt} - Familie : ${taxon.famille}">
384
						<span class="taxon" title="Taxonnummer : ${taxon.nt} - Familie : ${taxon.famille}">
383
							${taxon.nom} <span class="nt" title="Taxonnummer">${taxon.nt}</span> 
385
							${taxon.nom} <span class="nt" title="Taxonnummer">${taxon.nt}</span> 
384
						</span>
386
						</span>
385
					</li>
387
					</li>
386
				{{/each}}
388
				{{/each}}
387
			</ol>
389
			</ol>
388
		</script>
390
		</script>
389
		
391
		
390
		<!-- Squelette du formulaire de contact -->
392
		<!-- Squelette du formulaire de contact -->
391
		<div id="tpl-form-contact" style="display:none;">
393
		<div id="tpl-form-contact" style="display:none;">
392
			<form id="form-contact" method="post" action="">
394
			<form id="form-contact" method="post" action="">
393
	    		<div id="fc-zone-dialogue"></div>
395
	    		<div id="fc-zone-dialogue"></div>
394
	    		<dl>
396
	    		<dl>
395
	    			<dt><label for="fc_sujet">Onderwerp</label></dt>
397
	    			<dt><label for="fc_sujet">Onderwerp</label></dt>
396
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
398
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
397
					<dt><label for="fc_message">Mededeling</label></dt>
399
					<dt><label for="fc_message">Mededeling</label></dt>
398
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
400
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
399
					<dt><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bij Tela Botanica bent geregistreerd">Uw e-mailadres</label></dt>
401
					<dt><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bij Tela Botanica bent geregistreerd">Uw e-mailadres</label></dt>
400
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
402
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
401
				</dl>
403
				</dl>
402
				<p>
404
				<p>
403
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
405
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
404
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
406
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
405
					<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />
407
					<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />
406
					<button id="fc_annuler" type="button">Annuleren</button>
408
					<button id="fc_annuler" type="button">Annuleren</button>
407
					&nbsp;
409
					&nbsp;
408
					<button id="fc_effacer" type="reset">Wissen</button>
410
					<button id="fc_effacer" type="reset">Wissen</button>
409
					&nbsp;
411
					&nbsp;
410
					<input id="fc_envoyer" type="submit" value="Verzenden" />
412
					<input id="fc_envoyer" type="submit" value="Verzenden" />
411
				</p>
413
				</p>
412
			</form>
414
			</form>
413
		</div>
415
		</div>
414
	</body>
416
	</body>
415
</html>
417
</html>