Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3065 Rev 3079
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 baseURLServicesAnnuaireTpl = '<?= $baseURLServicesAnnuaireTpl; ?>',
-
 
87
				baseURLServicesCelTpl = '<?= $baseURLServicesCelTpl; ?>';
-
 
88
				
86
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',
89
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : "null"; ?>',
87
				urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',
90
				urlLogo = '<?= ($logo != null) ? $logo : "null"; ?>',
88
				urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',
91
				urlSite = '<?= ($url_site != null) ? $url_site : "null"; ?>',
89
				urlImage = '<?= ($image != null) ? $image : "null"; ?>',
92
				urlImage = '<?= ($image != null) ? $image : "null"; ?>',
90
				stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,
93
				stationsUrl = '<?=$url_cel_carto?>/tout'+'?' + 'num_taxon=' + nt + filtreCommun,
91
				taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,
94
				taxonsUrl = '<?=$url_cel_carto?>/taxons'+'?' + 'num_taxon=' + nt + filtreCommun,
92
				observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +
95
				observationsUrl = '<?=$url_cel_carto?>/observations' + '?' +
93
					'station={stationId}'+
96
					'station={stationId}'+
94
					'&num_taxon={nt}'+
97
					'&num_taxon={nt}'+
95
					filtreCommun,
98
					filtreCommun,
96
				communeImageUrl = '<?= $communeImageUrl; ?>',
99
				communeImageUrl = '<?= $communeImageUrl; ?>',
97
				pointImageUrl = '<?= $pointImageUrl; ?>',
100
				pointImageUrl = '<?= $pointImageUrl; ?>',
98
				groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
101
				groupeImageUrlTpl = '<?= $groupeImageUrlTpl; ?>';
99
		//]]>
102
		//]]>
100
		</script>
103
		</script>
101
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto.js"></script>
104
		<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>
105
		<script type="text/javascript" src="<?=$url_base?>modules/cartopoint/squelettes/scripts/carto_msgs.js"></script>
103
		
106
		
104
		<!-- CSS -->
107
		<!-- 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" />
108
		<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" />
109
		<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" />
110
		<link href="<?=$url_base?>modules/cartopoint/squelettes/css/<?=isset($_GET['style']) ? $_GET['style'] : 'carto'?>.css" rel="stylesheet" type="text/css" media="screen" />
108
 
111
 
109
		<!--  Google Analytics -->
112
		<!--  Google Analytics -->
110
		<?php if($prod): ?>
113
		<?php if($prod): ?>
111
			<?php include "analytics.html"; ?>
114
			<?php include "analytics.html"; ?>
112
		<?php endif; ?>
115
		<?php endif; ?>
113
	</head>
116
	</head>
114
 
117
 
115
	<body>
118
	<body>
116
		<div id="zone-chargement-point" class="element-overlay">		
119
		<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..." />
120
			<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>
121
			<div id="legende-chargement">Punten worden geladen...</div>
119
		</div>
122
		</div>
120
		<?php if($logo != null) { ?>
123
		<?php if($logo != null) { ?>
121
			<?php if($logo != '0') { ?>
124
			<?php if($logo != '0') { ?>
122
				<div id="logo">
125
				<div id="logo">
123
					<?php if($url_site != null) { ?>
126
					<?php if($url_site != null) { ?>
124
					<a href="<?= $url_site; ?>" 
127
					<a href="<?= $url_site; ?>" 
125
						title="<?= $url_site; ?>" 
128
						title="<?= $url_site; ?>" 
126
						onclick="ouvrirNouvelleFenetre(this, event)">
129
						onclick="ouvrirNouvelleFenetre(this, event)">
127
						<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
130
						<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
128
					</a>
131
					</a>
129
					<?php } else { ?>
132
					<?php } else { ?>
130
						<img class="image-logo" src="<?= $logo ?>" alt="logo" />
133
						<img class="image-logo" src="<?= $logo ?>" alt="logo" />
131
					<?php } ?>
134
					<?php } ?>
132
				</div>
135
				</div>
133
			<?php } ?>
136
			<?php } ?>
134
		<?php } else { ?>
137
		<?php } else { ?>
135
			<div id="logo">
138
			<div id="logo">
136
				<a href="http://www.tela-botanica.org/site:accueil" 
139
				<a href="http://www.tela-botanica.org/site:accueil" 
137
					title="Naar homepage Tela Botanica" 
140
					title="Naar homepage Tela Botanica" 
138
					onclick="ouvrirNouvelleFenetre(this, event)">
141
					onclick="ouvrirNouvelleFenetre(this, event)">
139
					<img height="60px" class="image-logo" src="https://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />
142
					<img height="60px" class="image-logo" src="https://resources.tela-botanica.org/tb/img/128x128/logo_carre_officiel.png" alt="TB" />
140
				</a>
143
				</a>
141
			</div>
144
			</div>
142
		<?php } ?>
145
		<?php } ?>
143
		<?php if($titre !== "0" && $titre != null) : ?>
146
		<?php if($titre !== "0" && $titre != null) : ?>
144
			<div id="zone-titre" class="element-overlay">
147
			<div id="zone-titre" class="element-overlay">
145
				<h1 id="carte-titre">
148
				<h1 id="carte-titre">
146
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
149
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
147
				</h1>
150
				</h1>
148
			</div>
151
			</div>
149
		<?php endif; ?>
152
		<?php endif; ?>
150
		<? if ($num_taxon == '*') : ?>
153
		<? if ($num_taxon == '*') : ?>
151
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
154
		<div id="panneau-lateral" class="element-overlay <?= ($titre != 0) ? 'carte_titree"': 'carte_non_titree"'; ?>>
152
			<div id="pl-ouverture" title="Waarnemingen filteren per soort">
155
			<div id="pl-ouverture" title="Waarnemingen filteren per soort">
153
				<span>Paneel >></span>
156
				<span>Paneel >></span>
154
				<div id="pl-indication-filtre"> Filteren 
157
				<div id="pl-indication-filtre"> Filteren 
155
				</div>
158
				</div>
156
			</div>
159
			</div>
157
			<div id="pl-fermeture" title="Zijpaneel sluiten"><span><< Sluiten [x]</span></div>
160
			<div id="pl-fermeture" title="Zijpaneel sluiten"><span><< Sluiten [x]</span></div>
158
			<div id="pl-contenu">
161
			<div id="pl-contenu">
159
				<div id="pl-entete">
162
				<div id="pl-entete">
160
					<h2>Filteren op <span class="plantes-nbre">&nbsp;</span> planten</h2>	
163
					<h2>Filteren op <span class="plantes-nbre">&nbsp;</span> planten</h2>	
161
					<p>
164
					<p>
162
						Klik op een plantennaam om de waarnemingen op de kaart te filteren Terug naar het standaardscherm
165
						Klik op een plantennaam om de waarnemingen op de kaart te filteren Terug naar het standaardscherm
163
					</p>
166
					</p>
164
				</div>
167
				</div>
165
				<hr class="nettoyage" />
168
				<hr class="nettoyage" />
166
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
169
				<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
167
					<hr class="nettoyage" />
170
					<hr class="nettoyage" />
168
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
171
					<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
169
					<span class="raz-filtre-taxons taxon-actif" title="Toon alle taxa">
172
					<span class="raz-filtre-taxons taxon-actif" title="Toon alle taxa">
170
						Toon alle taxa
173
						Toon alle taxa
171
					</span> 
174
					</span> 
172
					<ol id="taxons">
175
					<ol id="taxons">
173
					</ol>
176
					</ol>
174
				</div>
177
				</div>
175
			</div>
178
			</div>
176
		</div>
179
		</div>
177
		<? endif ?>
180
		<? endif ?>
178
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
181
		<div id="carte" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>></div>
179
		<div id="lien_plein_ecran" class="element-overlay">
182
		<div id="lien_plein_ecran" class="element-overlay">
180
			<a href="#" title="Over volledig scherm tonen (opent in een nieuw venster)">
183
			<a href="#" title="Over volledig scherm tonen (opent in een nieuw venster)">
181
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Volledig scherm tonen" />
184
				<img class="icone" src="<?=$url_base?>modules/cartopoint/squelettes/images/plein_ecran.png" alt="Volledig scherm tonen" />
182
			</a>
185
			</a>
183
		</div>
186
		</div>
184
		<div id="zone-stats" style="display:none" class="element-overlay">
187
		<div id="zone-stats" style="display:none" class="element-overlay">
185
				<h1>
188
				<h1>
186
				</h1>
189
				</h1>
187
		</div>
190
		</div>
188
		<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">
191
		<div id="conteneur-filtre-utilisateur" class="ferme element-overlay">
189
			<div id="lien-affichage-filtre-utilisateur">Mijn kaart</div>
192
			<div id="lien-affichage-filtre-utilisateur">Mijn kaart</div>
190
			<div id="formulaire-filtre-utilisateur">
193
			<div id="formulaire-filtre-utilisateur">
191
				<span class="indication-filtre-utilisateur">Toon de kaart met uw waarnemingen</span>
194
				<span class="indication-filtre-utilisateur">Toon de kaart met uw waarnemingen</span>
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" />
195
				<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" />
193
				<input id="valider-filtre-utilisateur" type="button" value="ok" />
196
				<input id="valider-filtre-utilisateur" type="button" value="ok" />
194
				<a href="#" id="raz-filtre-utilisateur">Toon de algemene kaart</a>
197
				<a href="#" id="raz-filtre-utilisateur">Toon de algemene kaart</a>
195
			</div>
198
			</div>
196
		</div>
199
		</div>
197
		<?php if($image != null) { ?>
200
		<?php if($image != null) { ?>
198
			<div id="image-utilisateur">
201
			<div id="image-utilisateur">
199
				<img width="155px" src="<?= $image ?>" alt="afbeelding" />
202
				<img width="155px" src="<?= $image ?>" alt="afbeelding" />
200
			</div>
203
			</div>
201
		<?php } ?>
204
		<?php } ?>
202
		<div id="origine-donnees">
205
		<div id="origine-donnees">
203
			Netwerkwaarnemingen <a href="http://www.tela-botanica.org/site:botanique" 
206
			Netwerkwaarnemingen <a href="http://www.tela-botanica.org/site:botanique" 
204
				onClick="ouvrirNouvelleFenetre(this, event)">
207
				onClick="ouvrirNouvelleFenetre(this, event)">
205
				Tela Botanica
208
				Tela Botanica
206
			</a>
209
			</a>
207
			- Kaart : <a href="http://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>
210
			- Kaart : <a href="http://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>
208
			- Tegels : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>
211
			- Tegels : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>
209
		</div>
212
		</div>
210
		<!-- trichouille : cette partie n'est pas traduite. De toute façon personne ne la lit :)
213
		<!-- trichouille : cette partie n'est pas traduite. De toute façon personne ne la lit :)
211
		<div id="lien-voir-cc" class="element-overlay">
214
		<div id="lien-voir-cc" class="element-overlay">
212
			<a href="<?=$url_base?>cartoPoint?carte=avertissement">
215
			<a href="<?=$url_base?>cartoPoint?carte=avertissement">
213
				?
216
				?
214
			</a>
217
			</a>
215
		</div>-->
218
		</div>-->
216
		
219
		
217
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
220
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
218
		
221
		
219
		<!-- Squelette du message de chargement des observations -->
222
		<!-- Squelette du message de chargement des observations -->
220
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
223
		<script id="tpl-chargement" type="text/x-jquery-tmpl">
221
			<div id="chargement" style="height:300px;">			
224
			<div id="chargement" style="height:300px;">			
222
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Wordt geladen..." />
225
				<img src="<?=$url_base?>modules/cartopoint/squelettes/images/chargement.gif" alt="Wordt geladen..." />
223
				<p>Waarnemingen worden geladen...</p>
226
				<p>Waarnemingen worden geladen...</p>
224
			</div>
227
			</div>
225
		</script>
228
		</script>
226
		
229
		
227
		<!-- Squelette du contenu d'une info-bulle observation -->
230
		<!-- Squelette du contenu d'une info-bulle observation -->
228
		<script id="tpl-obs" type="text/x-jquery-tmpl">
231
		<script id="tpl-obs" type="text/x-jquery-tmpl">
229
			<div id="info-bulle" style="width:{largeur}px;">	
232
			<div id="info-bulle" style="width:{largeur}px;">	
230
				<div id="obs">				
233
				<div id="obs">				
231
					<h2 id="obs-station-titre">Station</h2>
234
					<h2 id="obs-station-titre">Station</h2>
232
					<div class="navigation">&nbsp;</div>					
235
					<div class="navigation">&nbsp;</div>					
233
					<div>
236
					<div>
234
						<ul>
237
						<ul>
235
							<li><a href="#obs-vue-tableau">Tabel</a></li>
238
							<li><a href="#obs-vue-tableau">Tabel</a></li>
236
							<li><a href="#obs-vue-liste">Lijst</a></li>
239
							<li><a href="#obs-vue-liste">Lijst</a></li>
237
						</ul>
240
						</ul>
238
					</div>
241
					</div>
239
					<div id="observations">
242
					<div id="observations">
240
						<div id="obs-vue-tableau" style="display:none;">
243
						<div id="obs-vue-tableau" style="display:none;">
241
							<table id="obs-tableau">
244
							<table id="obs-tableau">
242
								<thead>
245
								<thead>
243
									<tr>
246
									<tr>
244
										<th title="Door de gebruiker gedefinieerde wetenschappelijke naam">Naam</th>
247
										<th title="Door de gebruiker gedefinieerde wetenschappelijke naam">Naam</th>
245
										<th title="Datum waarneming">Datum</th>
248
										<th title="Datum waarneming">Datum</th>
246
										<th title="Plaats waarneming">Plaats</th>
249
										<th title="Plaats waarneming">Plaats</th>
247
										<th title="Auteur waarneming">Waarnemer</th>
250
										<th title="Auteur waarneming">Waarnemer</th>
248
									</tr>
251
									</tr>
249
								</thead>
252
								</thead>
250
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
253
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
251
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
254
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
252
								</tbody>
255
								</tbody>
253
							</table>
256
							</table>
254
						</div>
257
						</div>
255
						<div id="obs-vue-liste" style="display:none;">
258
						<div id="obs-vue-liste" style="display:none;">
256
							<ol id="obs-liste-lignes" class="obs-conteneur">
259
							<ol id="obs-liste-lignes" class="obs-conteneur">
257
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
260
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
258
							</ol>
261
							</ol>
259
						</div>
262
						</div>
260
					</div>
263
					</div>
261
					<div id="obs-pieds-page">
264
					<div id="obs-pieds-page">
262
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
265
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
263
					</div>
266
					</div>
264
					<div class="navigation">&nbsp;</div>
267
					<div class="navigation">&nbsp;</div>
265
					<div class="conteneur-lien-saisie" style="display:none;">
268
					<div class="conteneur-lien-saisie" style="display:none;">
266
						<a href="#" class="lien-widget-saisie">
269
						<a href="#" class="lien-widget-saisie">
267
							Waarneming voor deze site toevoegen
270
							Waarneming voor deze site toevoegen
268
						</a>
271
						</a>
269
					</div>
272
					</div>
270
				</div>
273
				</div>
271
			</div>
274
			</div>
272
		</script>
275
		</script>
273
		
276
		
274
		<!-- Squelette du contenu du tableau des observations -->
277
		<!-- Squelette du contenu du tableau des observations -->
275
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
278
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
276
			<tr class="cel-obs-${idObs}">
279
			<tr class="cel-obs-${idObs}">
277
				<td>
280
				<td>
278
					<span class="nom-sci">&nbsp;
281
					<span class="nom-sci">&nbsp;
279
					{{if nn != null && nn != 0 && nn != ''}}
282
					{{if nn != null && nn != 0 && nn != ''}}
280
						<a href="${urlEflore}" 
283
						<a href="${urlEflore}" 
281
							onclick="ouvrirNouvelleFenetre(this, event)">
284
							onclick="ouvrirNouvelleFenetre(this, event)">
282
							${nomSci}
285
							${nomSci}
283
						</a>
286
						</a>
284
					{{else}}
287
					{{else}}
285
						${nomSci}
288
						${nomSci}
286
					{{/if}}
289
					{{/if}}
287
					</span>
290
					</span>
288
				</td>
291
				</td>
289
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
292
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
290
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
293
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
291
				<td>
294
				<td>
292
				{{if observateur}}
295
				{{if observateur}}
293
					{{if observateurId}}					
296
					{{if observateurId}}					
294
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
297
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
295
						href="#form-contact" 
298
						href="#form-contact" 
296
						title="Contact opnemen met deze medewerker">
299
						title="Contact opnemen met deze medewerker">
297
							${observateur}
300
							${observateur}
298
						</a>
301
						</a>
299
					{{else}}
302
					{{else}}
300
						<a class="contact obs-${idObs}" 
303
						<a class="contact obs-${idObs}" 
301
						href="#form-contact" 
304
						href="#form-contact" 
302
						title="Contact opnemen met deze medewerker">
305
						title="Contact opnemen met deze medewerker">
303
							${observateur}
306
							${observateur}
304
						</a>
307
						</a>
305
					{{/if}}
308
					{{/if}}
306
				{{else}}
309
				{{else}}
307
					&nbsp;
310
					&nbsp;
308
				{{/if}}
311
				{{/if}}
309
				</td>
312
				</td>
310
			</tr>
313
			</tr>
311
		</script>
314
		</script>
312
		
315
		
313
		<!-- Squelette du contenu de la liste des observations -->
316
		<!-- Squelette du contenu de la liste des observations -->
314
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
317
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
315
			<li>
318
			<li>
316
				<div class="cel-obs-${idObs}">
319
				<div class="cel-obs-${idObs}">
317
					{{if images}}
320
					{{if images}}
318
					{{each(index, img) images}}
321
					{{each(index, img) images}}
319
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
322
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
320
						<a class="cel-img" 
323
						<a class="cel-img" 
321
							href="${img.normale}" 
324
							href="${img.normale}" 
322
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} door ${observateur} - gepubliceerd op ${datePubli} - GUID : ${img.guid}" 
325
							title="${nomSci} {{if nn != null && nn != 0 && nn != ''}} [${nn}] {{/if}} door ${observateur} - gepubliceerd op ${datePubli} - GUID : ${img.guid}" 
323
							rel="cel-obs-${idObs}">
326
							rel="cel-obs-${idObs}">
324
							<img src="${img.miniature}" alt="Afbeelding #${img.idImg} van der waarneming #${nn}" />
327
							<img src="${img.miniature}" alt="Afbeelding #${img.idImg} van der waarneming #${nn}" />
325
						</a>
328
						</a>
326
						<p id="cel-info-${img.idImg}" class="cel-infos">
329
						<p id="cel-info-${img.idImg}" class="cel-infos">
327
							<a class="cel-img-titre" href="${urlEflore}"
330
							<a class="cel-img-titre" href="${urlEflore}"
328
								onclick="window.open(this.href);return false;"  
331
								onclick="window.open(this.href);return false;"  
329
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
332
								title="Klik hier om toegang te krijgen tot de eFlore fiche">
330
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> door <em>${observateur}</em>
333
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> door <em>${observateur}</em>
331
							</a>
334
							</a>
332
							<br />
335
							<br />
333
							<span class="cel-img-date">Gepubliceerd op ${datePubli}</span>
336
							<span class="cel-img-date">Gepubliceerd op ${datePubli}</span>
334
 						</p>
337
 						</p>
335
					</div>
338
					</div>
336
					{{/each}}
339
					{{/each}}
337
					{{/if}}
340
					{{/if}}
338
					<dl>
341
					<dl>
339
						<dt class="champ-nom-sci">Naam</dt>
342
						<dt class="champ-nom-sci">Naam</dt>
340
						<dd title="Door de gebruiker gedefinieerde naam.{{if nn != 0}}. Klik hier om toegang te krijgen tot de eFlore fiche.{{/if}}">
343
						<dd title="Door de gebruiker gedefinieerde naam.{{if nn != 0}}. Klik hier om toegang te krijgen tot de eFlore fiche.{{/if}}">
341
							<span class="nom-sci">&nbsp;
344
							<span class="nom-sci">&nbsp;
342
							{{if nn != null && nn != 0 && nn != ''}}
345
							{{if nn != null && nn != 0 && nn != ''}}
343
								<a href="${urlEflore}" 
346
								<a href="${urlEflore}" 
344
									onclick="ouvrirNouvelleFenetre(this, event)">
347
									onclick="ouvrirNouvelleFenetre(this, event)">
345
									${nomSci}
348
									${nomSci}
346
								</a>
349
								</a>
347
							{{else}}
350
							{{else}}
348
								${nomSci}
351
								${nomSci}
349
							{{/if}}
352
							{{/if}}
350
							</span>
353
							</span>
351
						</dd>
354
						</dd>
352
						<dt title="Plaats waarneming">Plaats</dt><dd class="lieu">&nbsp;${lieu}</dd>
355
						<dt title="Plaats waarneming">Plaats</dt><dd class="lieu">&nbsp;${lieu}</dd>
353
						<dt title="Datum waarneming">Op</dt><dd class="date">&nbsp;${date}</dd>
356
						<dt title="Datum waarneming">Op</dt><dd class="date">&nbsp;${date}</dd>
354
						<dt title="Auteur waarneming">Gepubliceerd door</dt>
357
						<dt title="Auteur waarneming">Gepubliceerd door</dt>
355
						<dd>
358
						<dd>
356
						{{if observateur}}
359
						{{if observateur}}
357
							{{if observateurId}}					
360
							{{if observateurId}}					
358
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
361
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
359
									href="#form-contact" 
362
									href="#form-contact" 
360
									title="Contact opnemen met deze medewerker">
363
									title="Contact opnemen met deze medewerker">
361
									${observateur}
364
									${observateur}
362
								</a>
365
								</a>
363
							{{else}}
366
							{{else}}
364
								<a class="contact obs-${idObs}" 
367
								<a class="contact obs-${idObs}" 
365
									href="#form-contact" 
368
									href="#form-contact" 
366
									title="Contact opnemen met deze medewerker">
369
									title="Contact opnemen met deze medewerker">
367
									${observateur}
370
									${observateur}
368
								</a>
371
								</a>
369
							{{/if}}
372
							{{/if}}
370
						{{else}}
373
						{{else}}
371
							&nbsp;
374
							&nbsp;
372
						{{/if}}
375
						{{/if}}
373
						</dd>
376
						</dd>
374
					</dl>
377
					</dl>
375
					<hr class="nettoyage"/>
378
					<hr class="nettoyage"/>
376
				</div>
379
				</div>
377
			</li>
380
			</li>
378
		</script>
381
		</script>
379
		
382
		
380
		<!-- Squelette de la liste des taxons -->
383
		<!-- Squelette de la liste des taxons -->
381
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
384
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
382
				{{each(index, taxon) taxons}}
385
				{{each(index, taxon) taxons}}
383
					<li id="taxon-${taxon.nt}">
386
					<li id="taxon-${taxon.nt}">
384
						<span class="taxon" title="Taxonnummer : ${taxon.nt} - Familie : ${taxon.famille}">
387
						<span class="taxon" title="Taxonnummer : ${taxon.nt} - Familie : ${taxon.famille}">
385
							${taxon.nom} <span class="nt" title="Taxonnummer">${taxon.nt}</span> 
388
							${taxon.nom} <span class="nt" title="Taxonnummer">${taxon.nt}</span> 
386
						</span>
389
						</span>
387
					</li>
390
					</li>
388
				{{/each}}
391
				{{/each}}
389
			</ol>
392
			</ol>
390
		</script>
393
		</script>
391
		
394
		
392
		<!-- Squelette du formulaire de contact -->
395
		<!-- Squelette du formulaire de contact -->
393
		<div id="tpl-form-contact" style="display:none;">
396
		<div id="tpl-form-contact" style="display:none;">
394
			<form id="form-contact" method="post" action="">
397
			<form id="form-contact" method="post" action="">
395
	    		<div id="fc-zone-dialogue"></div>
398
	    		<div id="fc-zone-dialogue"></div>
396
	    		<dl>
399
	    		<dl>
397
	    			<dt><label for="fc_sujet">Onderwerp</label></dt>
400
	    			<dt><label for="fc_sujet">Onderwerp</label></dt>
398
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
401
					<dd><input id="fc_sujet" name="fc_sujet"/></dd>
399
					<dt><label for="fc_message">Mededeling</label></dt>
402
					<dt><label for="fc_message">Mededeling</label></dt>
400
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
403
					<dd><textarea id="fc_message" name="fc_message"></textarea></dd>
401
					<dt><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bij Tela Botanica bent geregistreerd">Uw e-mailadres</label></dt>
404
					<dt><label for="fc_utilisateur_courriel" title="Gebruik het e-mailadres waarmee u bij Tela Botanica bent geregistreerd">Uw e-mailadres</label></dt>
402
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
405
					<dd><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></dd>
403
				</dl>
406
				</dl>
404
				<p>
407
				<p>
405
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
408
					<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="" />
406
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
409
					<input id="fc_copies" name="fc_copies" type="hidden" value="eflore_remarques@tela-botanica.org" />
407
					<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />
410
					<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="inscrit" />
408
					<button id="fc_annuler" type="button">Annuleren</button>
411
					<button id="fc_annuler" type="button">Annuleren</button>
409
					&nbsp;
412
					&nbsp;
410
					<button id="fc_effacer" type="reset">Wissen</button>
413
					<button id="fc_effacer" type="reset">Wissen</button>
411
					&nbsp;
414
					&nbsp;
412
					<input id="fc_envoyer" type="submit" value="Verzenden" />
415
					<input id="fc_envoyer" type="submit" value="Verzenden" />
413
				</p>
416
				</p>
414
			</form>
417
			</form>
415
		</div>
418
		</div>
416
	</body>
419
	</body>
417
</html>
-
 
418
420
</html>
-
 
421