Subversion Repositories eFlore/Applications.cel

Rev

Rev 2256 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2256 Rev 2328
Line 1... Line 1...
1 
<!DOCTYPE html>
 1 
<!DOCTYPE html>
2 
<html>
 2 
<html>
3 
	<head>
 3 
	<head>
4 
		<title>Saisie simplifiée du CEL</title>
 4 
		<title>Saisie simplifiée du CEL</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="Jean-Pascal MILCENT" />
 13 
		<meta name="author" content="Jean-Pascal MILCENT" />
14 
        <meta name="keywords" content="Tela Botanica, CEL" />
 14 
		<meta name="keywords" content="Tela Botanica, CEL" />
15 
        <meta name="description" content="Widget de saisie simplifiée pour le CEL" />
 15 
		<meta name="description" content="Projet Ambrosia - Widget de saisie simplifiée pour le CEL" />
Line 16... Line 16...
16 
 
 16 
 
17 
		<!-- Viewport Mobile -->
 17 
		<!-- Viewport Mobile -->
18 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 18 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
19
19 
 
20 
		<!-- Favicones -->
 20 
		<!-- Favicones -->
21 
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />
 21 
		<link rel="shortcut icon" type="image/x-icon" href="http://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
22
22 
 
23 
		<!-- Javascript : bibliothèques -->
 23 
		<!-- Javascript : bibliothèques -->
24 
		<!-- Google Map v3 -->
 24 
		<!-- Google Map v3 -->
25 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
 25 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
26 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
26 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
27
27 
 
28 
		<!-- Jquery -->
 28 
		<!-- Jquery -->
29 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
 29 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/1.7.1/jquery-1.7.1.min.js"></script>
30 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
 30 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
31 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
 31 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
32 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
 32 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
33 
		<!-- Jquery Plugins -->
 33 
		<!-- Jquery Plugins -->
34 
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
 34 
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
35 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/validate/1.9.0/jquery.validate.min.js"></script>
 35 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.9.0/jquery.validate.min.js"></script>
36 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
 36 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/validate/1.9.0/messages_fr.js"></script>
37 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
 37 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
38 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
 38 
		<script type="text/javascript" src="http://resources.tela-botanica.org/jquery/form/2.95/jquery.form.min.js"></script>
39
39 
 
40 
		<!-- Bootstrap -->
 40 
		<!-- Bootstrap -->
- 
 
 41 
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
- 
 
 42 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modalmanager.js"></script>
41 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/bootstrap.min.js"></script>
 43 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/bootstrap-modal.js"></script>
42
44 
 
43 
		<!-- Javascript : appli saisie -->
 45 
		<!-- Javascript : appli saisie -->
44 
		<script type="text/javascript">
 46 
		<script type="text/javascript">
45 
		//<![CDATA[
 47 
		//<![CDATA[
46 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
 48 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
47 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
 49 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
48 
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
 50 
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
49 
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
 51 
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;<?=$url_base?>modules/saisie/squelettes/ambrosia/js/
50 
			// Mot-clé du widget/projet
 52 
			// Mot-clé du widget/projet
51 
			var TAG_PROJET = "WidgetSaisie";
 53 
			var TAG_PROJET = "WidgetSaisie";
52 
			// Mots-clés à ajouter aux images
 54 
			// Mots-clés à ajouter aux images
53 
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
 55 
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
54 
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
 56 
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
55 
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
 57 
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
56 
			// Mots-clés à ajouter aux observations
 58 
			// Mots-clés à ajouter aux observations
57 
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
 59 
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
58 
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
 60 
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
- 
 
 61 
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
- 
 
 62 
 
- 
 
 63 
			// Précharger le formulaire avec les infos d'une observation
59 
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
 64 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
60 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
 65 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
- 
 
 66 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
- 
 
 67 
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
61 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
 68 
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
62 
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
 69 
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
63 
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
 70 
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
64 
			// Nom du référentiel utilisé pour les nom scientifiques.
 71 
			// Nom du référentiel utilisé pour les nom scientifiques.
65 
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
 72 
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
Line 94... Line 101...
94 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
 101 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
95 
			// Nombre d'observations max autorisé avant transmission
 102 
			// Nombre d'observations max autorisé avant transmission
96 
			var OBS_MAX_NBRE = 10;
 103 
			var OBS_MAX_NBRE = 10;
97 
			// Durée d'affichage en milliseconde des messages d'informations
 104 
			// Durée d'affichage en milliseconde des messages d'informations
98 
			var DUREE_MESSAGE = 15000;
 105 
			var DUREE_MESSAGE = 15000;
- 
 
 106 
			// Squelette d'URL du web service de l'annuaire.
- 
 
 107 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
99 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 108 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
100 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 109 
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
101 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
 110 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
102 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
 111 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
103 
			// URL du marqueur à utiliser dans la carte Google Map
 112 
			// URL du marqueur à utiliser dans la carte Google Map
104 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
 113 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/marqueurs/epingle.png";
105 
			// URL de l'icône du chargement en cours
 114 
			// URL de l'icône du chargement en cours
106 
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement.gif";
 115 
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/chargement.gif";
107 
			// URL de l'icône du chargement en cours d'une image
 116 
			// URL de l'icône du chargement en cours d'une image
108 
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
 117 
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/chargement-image.gif";
109 
			// URL de l'icône du calendrier
 118 
			// URL de l'icône du calendrier
110 
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
 119 
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/calendrier.png";
111 
			// URL de l'icône du calendrier
 120 
			// URL de l'icône du calendrier
112 
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
 121 
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/ambrosia/img/icones/pasdephoto.png";
113 
			// Précharger le formulaire avec les infos d'une observation
 - 
 
114 
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
 - 
 
115 
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
 - 
 
116 
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
 - 
 
- 
 
 122 
 
117 
		//]]>
 123 
		//]]>
118 
		</script>
 124 
		</script>
119 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
 125 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/ambrosia/js/ambrosia.js"></script>
120
126 
 
121 
		<!-- CSS -->
 127 
		<!-- CSS -->
122 
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
 128 
		<link href="http://resources.tela-botanica.org/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
123 
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
 129 
		<link href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
124 
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
 130 
		<link href="http://resources.tela-botanica.org/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
- 
 
 131 
		<link href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/bootstrap-modal.css" rel="stylesheet" type="text/css" media="screen" />
125 
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
 132 
		<link href="<?=$url_base?>modules/saisie/squelettes/ambrosia/css/<?=isset($_GET['style']) ? $_GET['style'] : 'ambrosia'?>.css" rel="stylesheet" type="text/css" media="screen" />
- 
 
 133 
 
126 
	</head>
 134 
	</head>
Line 127... Line 135...
127 
 
 135 
 
128 
	<body data-spy="scroll">
 136 
	<body data-spy="scroll">
- 
 
 137 
		<div class="container">
- 
 
 138 
			<div class="row-fluid  page-header">
- 
 
 139 
				<div>
- 
 
 140 
					<h1>
- 
 
 141 
						<img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/ambrosia/img/logos/tela_botanica.png" alt="Tela Botanica" />
- 
 
 142 
						À la recherche des <a href="#plte-description" data-toggle="modal">Ambroisies à épis lisses</a> (<i>Ambrosia psilostachya</i> DC.)
- 
 
 143 
					</h1>
- 
 
 144 
				</div>
129 
		<div class="container">
 145 
			</div>
130 
			<div class="row-fluid">
 146 
			<div class="row-fluid">
131 
				<div class="span6 page-header">
 147 
				<div class="span6">
- 
 
 148 
					<div class="row-fluid">
- 
 
 149 
						<div id="intro" class ="well collapse in">
132 
					<div class="row">
 150 
							<a class="fermer" data-toggle="collapse" data-target="#intro">
- 
 
 151 
								<h3 class="titre">
- 
 
 152 
									Le projet
- 
 
 153 
									<i class="icone icon-plus-sign"></i>
133 
						<div class="span6">
 154 
								</h3>
- 
 
 155 
							</a>
- 
 
 156 
							<p>
134 
							<h1>
 157 
								L’<a href="http://www.ambroisie.info/pages/observatoire.htm">Observatoire des ambroisies</a>,
- 
 
 158 
								en collaboration avec le
135 
								<?php if($logo != 'defaut' && $logo != '0') { ?>
 159 
								<a href="http://www.anses.fr/fr/content/laboratoire-de-la-sant%C3%A9-des-v%C3%A9g%C3%A9taux">Laboratoire de la Santé des Végétaux
136 
									<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" />
160 
								de l’Anses</a> et <a href="http://www.tela-botanica.org">Tela-Botanica</a>,
137 
								<?php } else if($logo == 'defaut') { ?>
 161 
								lance une enquête pour recueillir vos observations sur cette
138 
									<img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
 162 
								plante afin de mieux connaître sa distribution, sa dynamique et mesurer ses impacts éventuels.
139 
								<?php } ?>
 - 
 
140 
								<?php if($titre != 'defaut') { ?>
163 
							</p>
- 
 
 164 
							<p>
- 
 
 165 
								L’<a href="#plte-description" data-toggle="modal">ambroisie à épis lisses</a> est moins répandue que l’ambroisie à feuilles d’armoise (<i>Ambrosia
141 
									<?= $titre; ?>
 166 
								artemisiifolia</i>). Cependant son pollen est potentiellement allergisant. Présente en Camargue,
142 
								<?php } else { ?>
 167 
								elle semble en extension et peut présenter une menace pour les habitats sensibles.
143 
									Ajout rapide d'observations
 168 
								Grâce à vos observations notées sur cette page nous pourrons détecter précocement sa
144 
								<?php } ?>
 169 
								présence, connaître sa géolocalisation et évaluer les risques potentiels.
145 
							</h1>
 170 
							</p>
146 
						</div>
 171 
						</div>
- 
 
 172 
					</div>
- 
 
 173 
				</div>
- 
 
 174 
 
147 
					</div>
 175 
				<div class="span6">
- 
 
 176 
					<div class="row-fluid">
- 
 
 177 
						<div id="aide" class="well collapse in">
148 
					<div class="row">
 178 
							<a class="fermer" data-toggle="collapse" data-target="#aide">
- 
 
 179 
								<h3 class="titre">
- 
 
 180 
									Aide
- 
 
 181 
									<i class="icone icon-plus-sign"></i>
- 
 
 182 
								</h3>
149 
						<div class="span6">
 183 
							</a>
150 
							<p>
 184 
							<p>
151 
								Cet outil vous permet de partager simplement vos observations avec le
185 
								Cet outil vous permet de partager simplement vos observations avec le
152 
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
 186 
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
153 
								Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
 187 
								Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
154 
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
 188 
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
155 
								Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
 189 
								Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
156 
								Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique?langue=fr">cartes et galeries photos </a> du site.
 190 
								Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
157 
							</p>
 191 
							</p>
158 
							<p class="discretion">
 192 
							<p class="discretion">
159 
								Pour toute question ou remarque,
 193 
								Pour toute question ou remarque,
160 
								<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
 194 
								<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
161 
								  target="_blank"
 195 
									target="_blank"
162 
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
 196 
									onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
163 
								  contactez-nous</a>
 - 
 
164
197 
									contactez-nous</a>
165 
							</p>
 198 
							</p>
166 
							<p class="discretion">
 199 
							<p class="discretion">
167 
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
 200 
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
168 
								<button id="btn-aide" class="btn btn-mini btn-success">
 201 
								<button id="btn-aide" class="btn btn-mini btn-success">
169 
									<span class="icon-question-sign icon-white"></span>
 202 
									<span class="icon-question-sign icon-white"></span>
170 
									<span id="btn-aide-txt" >Désactiver l'aide</span>
 203 
									<span id="btn-aide-txt" >Désactiver l'aide</span>
171 
								</button>
204 
								</button>
172 
							</p>
 205 
							</p>
173 
						</div>
 206 
						</div>
174 
					</div>
 207 
					</div>
175 
				</div>
 208 
				</div>
176
209 
			</div>
177 
				<div class="span6">
 210 
			<div class="row-fluid">
178 
					<div class="well">
 211 
				<div class="well">
179 
						<h2>Observateur</h2>
 212 
					<h2>Observateur</h2>
180 
						<form id="form-observateur" action="#" class="" autocomplete="on">
 213 
					<form id="form-observateur" action="#" class="" autocomplete="on">
181 
							<div class="row-fluid">
 214 
						<div class="row-fluid">
182 
								<div class="span6" rel="tooltip" data-placement="right"
 215 
							<div class="span6 control-group has-tooltip" data-placement="right"
183 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
 216 
								title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
184 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
217 
									Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
185 
										ultérieurement. Des informations complémentaires vont vous être
218 
									ultérieurement. Des informations complémentaires vont vous être
186 
										demandées : prénom et nom.">
 219 
									demandées : prénom et nom.">
187 
									<label for="courriel"
220 
								<label for="courriel"  class="control-label"
188 
										title="Veuillez saisir votre adresse courriel.">
 221 
									title="Veuillez saisir votre adresse courriel.">
189 
										<strong class="obligatoire">*</strong> Courriel
 222 
									<strong class="obligatoire">*</strong> Courriel
190 
									</label>
 223 
								</label>
191 
									<div class="input-prepend">
 224 
								<div class="input-prepend">
192 
										<span class="add-on">
 225 
									<span class="add-on">
193 
											<i class="icon-envelope"></i>
 226 
										<i class="icon-envelope"></i>
194 
										</span>
 227 
									</span>
195 
										<input id="courriel" class="input-medium" name="courriel" type="text"/>
 228 
									<input id="courriel" name="courriel" type="text"/>
196 
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
 - 
 
197 
									</div>
 229 
									<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
- 
 
 230 
								</div>
198 
								</div>
 231 
							</div>
199 
								<div id="zone-courriel-confirmation" class="span6 hidden">
 232 
							<div id="zone-courriel-confirmation" class="span6 control-group hidden">
200 
									<label for="courriel_confirmation"
233 
								<label for="courriel_confirmation" class="control-label"
201 
										title="Veuillez saisir confirmer le courriel.">
 234 
									title="Veuillez saisir confirmer le courriel.">
202 
										<strong class="obligatoire">*</strong> Courriel (confirmation)
 235 
									<strong class="obligatoire">*</strong> Courriel (confirmation)
203 
									</label>
 236 
								</label>
204 
									<div class="input-prepend">
 237 
								<div class="input-prepend">
205 
										<span class="add-on">
 238 
									<span class="add-on">
206 
											<i class="icon-envelope"></i>
 - 
 
207 
										</span><input id="courriel_confirmation" class="input-medium" name="courriel_confirmation" type="text"/>
 239 
										<i class="icon-envelope"></i>
- 
 
 240 
									</span>
208 
									</div>
 241 
									<input id="courriel_confirmation" name="courriel_confirmation" type="text"/>
209 
								</div>
 242 
								</div>
- 
 
 243 
							</div>
210 
							</div>
 244 
						</div>
211 
							<div id="zone-prenom-nom" class="row-fluid hidden">
 245 
						<div id="zone-prenom-nom" class="row-fluid hidden">
212 
								<div class="span6">
 246 
							<div class="span6">
213 
									<label for="prenom">Prénom</label>
 247 
								<label for="prenom">Prénom</label>
214 
									<div>
 248 
								<div>
215 
										<input id="prenom" name="prenom" class="span3" type="text"/>
 - 
 
216 
									</div>
 249 
									<input id="prenom" name="prenom" type="text"/>
- 
 
 250 
								</div>
217 
								</div>
 251 
							</div>
218 
								<div class="span6">
 252 
							<div class="span6">
219 
									<label for="nom">Nom</label>
 253 
								<label for="nom">Nom</label>
220 
									<div>
 254 
								<div>
221 
										<input id="nom" name="nom"  class="span3" type="text"/>
 - 
 
222 
									</div>
 255 
									<input id="nom" name="nom"  type="text"/>
223 
								</div>
 256 
								</div>
224 
							</div>
 257 
							</div>
225 
						</form>
 258 
						</div>
226 
					</div>
 259 
					</form>
227 
				</div>
 260 
				</div>
228 
			</div>
 261 
			</div>
229 
			<!-- Messages d'erreur du formulaire-->
 262 
			<!-- Messages d'erreur du formulaire-->
230 
			<div class="row">
 263 
			<div class="row">
Line 241... Line 274...
241 
						<a class="close">×</a>
 274 
						<a class="close">×</a>
242 
						<h4 class="alert-heading">Information : courriel introuvable</h4>
 275 
						<h4 class="alert-heading">Information : courriel introuvable</h4>
243 
						<p>
 276 
						<p>
244 
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
 277 
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
245 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
 278 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
246 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
279 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
247 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
 280 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
248 
						</p>
 281 
						</p>
249 
					</div>
 282 
					</div>
250 
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
 283 
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
251 
						<a class="close">×</a>
 284 
						<a class="close">×</a>
Line 273... Line 306...
273 
										</div>
 306 
										</div>
274 
										<div class="span8 droite">
 307 
										<div class="span8 droite">
275 
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
 308 
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
276 
												<div class="control-group">
 309 
												<div class="control-group">
277 
													<label for="carte-recherche">Rechercher</label>
 310 
													<label for="carte-recherche">Rechercher</label>
278 
													<input id="carte-recherche" class="search-query" type="text" value=""
 311 
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
279 
														rel="tooltip"
 - 
 
280 
														title="Permet de centrer la carte sur le lieu recherché."
 312 
														title="Permet de centrer la carte sur le lieu recherché."
281 
														placeholder="Centrer la carte sur un lieu..."/>
 313 
														placeholder="Centrer la carte sur un lieu..."/>
282 
												</div>
 314 
												</div>
283 
											</form>
 315 
											</form>
284 
										</div>
 316 
										</div>
285 
									</div>
 317 
									</div>
286 
									<div class="row-fluid">
 318 
									<div class="row-fluid">
287 
										<div class="span12">
 319 
										<div class="span12">
288 
											<div id="map-canvas" rel="tooltip"
320 
											<div id="map-canvas" class="has-tooltip"
289 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
 321 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
290 
													représentant votre station ou bien le glisser-déposer sur
322 
													représentant votre station ou bien le glisser-déposer sur
291 
													le lieu souhaité."></div>
 323 
													le lieu souhaité."></div>
292 
										</div>
 324 
										</div>
293 
									</div>
 325 
									</div>
294 
									<div class="row-fluid">
 326 
									<div class="row-fluid">
295 
										<label for="coordonnees-geo" class="span7">
 327 
										<label class="span7 control-label">
296 
											<a href="#" class="afficher-coord">Afficher</a>
 328 
											<a href="#" class="afficher-coord">Afficher</a>
297 
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 329 
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
298 
											les coordonnées géographiques
 330 
											les coordonnées géographiques
299 
											<span id="lat-lon-info" class="info"
331 
											<span id="lat-lon-info" class="info has-tooltip"
300 
												rel="tooltip"
- 
 
301 
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 332 
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
302 
												(WGS84)
 333 
												(WGS84)
303 
											</span>
 334 
											</span>
304 
										</label>
 335 
										</label>
305 
										<div id="info-commune" class="span5">
 336 
										<div id="info-commune" class="span5">
306 
								    		<span for="marqueur-commune">Commune : </span>
 337 
								    		<span for="marqueur-commune">Commune : </span>
307 
								    		<span id="marqueur-commune">
 338 
								    		<span id="marqueur-commune">
308 
								    			<span id="commune-nom" class="commune-info"></span>
 339 
								    			<span id="commune-nom" class="commune-info"></span>
309 
								    			(<span id="commune-code-insee" class="commune-info"
340 
								    			(<span id="commune-code-insee" class="commune-info has-tooltip"
310 
								    				rel="tooltip"
- 
 
311 
								    				title="Code INSEE de la commune"></span>)
 341 
								    				title="Code INSEE de la commune"></span>)
312 
								    		</span>
 342 
								    		</span>
313 
							    		</div>
 343 
							    		</div>
314 
									</div>
 344 
									</div>
315 
									<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
 345 
									<form id="form-station" action="#" enctype="multipart/form-data" autocomplete="on">
316 
										<div id="coordonnees-geo" class="well" style="display:none;">
 346 
										<div id="coordonnees-geo" class="well" style="display:none;">
317 
											<div class="row-fluid form-inline">
 347 
											<div class="row-fluid form-inline">
318 
												<div id="coord-lat" class="span4">
348 
												<div id="coord-lat" class="span4">
319 
													<label for="latitude">Latitude</label>
 349 
													<label for="latitude">Latitude</label>
320 
													<div>
 350 
													<div>
321 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
 351 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
322 
													</div>
 352 
													</div>
323 
												</div>
 353 
												</div>
Line 327... Line 357...
327 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 357 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
328 
													</div>
 358 
													</div>
329 
												</div>
 359 
												</div>
330 
												<div class="span1">
 360 
												<div class="span1">
331 
													<div>
 361 
													<div>
332 
														<input id="geolocaliser" type="button" value="Voir sur la carte"
362 
														<input id="geolocaliser" type="button" value="Voir sur la carte"
333 
															rel="tooltip"
 363 
															class="has-tooltip"
334 
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
 364 
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
335 
													</div>
 365 
													</div>
336 
												</div>
 366 
												</div>
337 
									    	</div>
 367 
									    	</div>
338 
										</div>
 368 
										</div>
339 
										<div class="row-fluid">
 369 
										<div class="row-fluid">
340 
											<div class="span4" rel="tooltip"
370 
											<div class="span6 control-group has-tooltip"
341 
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
 371 
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
342 
												<label for="lieudit">Lieu-dit</label>
 372 
												<label class="control-label">
343 
												<div>
 373 
													Lieu-dit
344 
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
 374 
													<input type="text" id="lieudit" class="" name="lieudit"/>
345 
												</div>
 375 
												</label>
346 
											</div>
 376 
											</div>
347 
											<div class="span4" rel="tooltip"
377 
											<div class="span6 control-group has-tooltip"
348 
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
 378 
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
349 
												<label for="station">Station</label>
 379 
												<label class="control-label">
350 
												<div>
 380 
													Station
351 
													<input type="text" id="station" class="span2" name="station"/>
 381 
													<input type="text" id="station" class="" name="station"/>
- 
 
 382 
												</label>
- 
 
 383 
											</div>
- 
 
 384 
										</div>
- 
 
 385 
 
- 
 
 386 
										<div class="row-fluid">
- 
 
 387 
											<div class="span12 control-group has-tooltip"
- 
 
 388 
												title="Indiquez la surface en m² de la station au sein de laquelle la plante est présente.">
- 
 
 389 
												<label class="span12 control-label">
- 
 
 390 
													<strong class="obligatoire">*</strong>
- 
 
 391 
													Surface de la station
- 
 
 392 
													<select id="station-surface" class="span8 obs-chp-etendu" name="stationSurface"
- 
 
 393 
															data-label="Surface couverte dans la station">
- 
 
 394 
														<option selected value="">Sélectionnez une surface</option>
- 
 
 395 
														<option value="0-5">&lt;5 m²</option>
- 
 
 396 
														<option value="5-10">5-10 m²</option>
- 
 
 397 
														<option value="10-50">10-50 m²</option>
- 
 
 398 
														<option value="50-100">50-100 m²</option>
- 
 
 399 
														<option value="100-500">100-500 m²</option>
- 
 
 400 
														<option value="500-1000">500-1000 m²</option>
- 
 
 401 
														<option value="1000+">&gt; 1000 m²</option>
- 
 
 402 
													</select>
- 
 
 403 
												</label>
352 
												</div>
 404 
											</div>
- 
 
 405 
										</div>
- 
 
 406 
 
- 
 
 407 
										<div class="row-fluid">
- 
 
 408 
											<div class="span12 control-group" >
- 
 
 409 
												<label class="span12 control-label">
- 
 
 410 
													<strong class="obligatoire">*</strong>
- 
 
 411 
													Milieu
- 
 
 412 
													<select id="milieu" class="span8" name="milieu">
- 
 
 413 
														<option selected value="">Sélectionnez un milieu</option>
- 
 
 414 
														<?php foreach ($milieux as $milieu => $description) : ?>
- 
 
 415 
														<option value="<?=strtolower($milieu)?>">
- 
 
 416 
															<?=$milieu?> <?=($description != '') ? "($description)" : '' ?>
- 
 
 417 
														</option>
- 
 
 418 
														<?php endforeach; ?>
- 
 
 419 
														<option value="">Autre : préciser dans les commentaires.</option>
- 
 
 420 
													</select>
- 
 
 421 
												</label>
353 
											</div>
 422 
											</div>
- 
 
 423 
										</div>
- 
 
 424 
 
354 
											<div class="span4" rel="tooltip"
425 
										<div class="row-fluid">
355 
												title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
 426 
											<div class="span12">
356 
												<label for="milieux">Milieu</label>
 427 
												<label for="milieuCommentaire">Commentaires sur le milieu</label>
357 
												<div>
 428 
												<div>
358 
													<input type="text" id="milieu" class="span2" name="milieu" />
 429 
													<textarea id="milieu-commentaire" class="span12 obs-chp-etendu" rows="7"
- 
 
 430 
														name="milieuCommentaire" data-label="Commentaires sur le milieu"
- 
 
 431 
														placeholder="Vous pouvez éventuellement ajouter des informations complémentaires concernant le milieu"></textarea>
359 
												</div>
 432 
												</div>
360 
											</div>
 433 
											</div>
361 
										</div>
 434 
										</div>
362 
									</form>
 435 
									</form>
363 
								</div>
 436 
								</div>
364 
							</div>
 437 
							</div>
365 
							<div class="span6">
 438 
							<div class="span6">
366 
								<form id="form-obs" action="#" autocomplete="on">
 439 
								<form id="form-obs" action="#" autocomplete="on">
367 
									<h2>Observation</h2>
440 
									<h2>Observation</h2>
368 
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
 441 
									<input id="referentiel" type="hidden" value="bdtfx" />
- 
 
 442 
 
369 
										<div class="row-fluid">
 443 
									<div class="row-fluid">
370 
											<div rel="tooltip"
444 
										<div id="taxon-input-groupe" class="span8 has-tooltip"
371 
												title="Sélectionnez le référentiel associé à votre relevé">
 445 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
372 
												<label for="referentiel" title="Réferentiel">
 446 
												votre nom au référentiel selectionné. Si vous
373 
													Référentiel
 447 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
374 
												</label>
 - 
 
375 
												<span class="input-prepend">
 448 
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
376 
													<span id="referentiel-icone" class="add-on"><i class="icon-book"></i></span>
 449 
											<label class="span12 control-label">Espèce
377 
													<select id="referentiel" autocomplete="off">
 450 
												<div class="input-prepend input-append">
378 
														<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
 - 
 
379 
														<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
 451 
													<span class="add-on"><i class="icon-leaf"></i></span>
380 
														<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
 452 
													<input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
381 
														<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
 453 
													<a href="#plte-description" role="button" class="btn btn-success add-on" data-toggle="modal">Voir la description</a>
382 
													</select>
 - 
 
383 
												</span>
 454 
												</div>
384 
											</div>
 455 
											</label>
385 
										</div>
 456 
										</div>
386 
									<?php endif; ?>
 457 
									</div>
- 
 
 458 
 
387 
									<div class="row-fluid">
 459 
									<div class="row-fluid">
388 
										<div class="span4" rel="tooltip"
460 
										<div class="span12 control-group has-tooltip"
389 
											title="Vous pouvez cliquer sur l'icône de calendrier pour
461 
												title="Vous pouvez cliquer sur l'icône de calendrier pour
390 
												sélectionner une date dans un calendrier.">
 462 
													sélectionner une date dans un calendrier.">
391 
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 463 
											<label class="span12 control-label"  title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
- 
 
 464 
												<strong class="obligatoire">*</strong>
392 
												Date du relevé
 465 
												Date du relevé
- 
 
 466 
												<div class="input-prepend">
- 
 
 467 
													<span id="date-icone" class="add-on"></span>
- 
 
 468 
													<input id="date" name="date" type="text" placeholder="jj/mm/aaaa" />
- 
 
 469 
												</div>
393 
											</label>
 470 
											</label>
394 
											<div class="input-prepend">
 - 
 
395 
												<span id="date-icone" class="add-on"></span><input id="date"
- 
 
396 
													class="input-small" name="date" type="text"
- 
 
397 
													placeholder="jj/mm/aaaa" />
 - 
 
398 
											</div>
 - 
 
399 
										</div>
 471 
										</div>
- 
 
 472 
									</div>
- 
 
 473 
 
- 
 
 474 
									<div class="row-fluid">
400 
										<div id="taxon-input-groupe" class="span8" rel="tooltip"
475 
										<div class="span12 control-group has-tooltip"
401 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
476 
												title="Indiquez ici le pourcentage de recouvrement par la plante sur la surface de la station.">
- 
 
 477 
											<label class="span12 control-label">
- 
 
 478 
												<strong class="obligatoire">*</strong>
402 
												votre nom au référentiel selectionné. Si vous
 479 
												Recouvrement par la plante de la surface de la station
- 
 
 480 
												<select id="recouvrement" class="span8 obs-chp-etendu" name="recouvrement"
403 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
481 
														data-label="Recouvrement au sein de la surface couverte dans la station">
404 
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
 482 
													<option selected value="">Sélectionnez un recouvrement</option>
405 
											<label for="taxon" title="Choisissez une espèce">
 483 
													<option value="+">&lt;1 %</option>
- 
 
 484 
													<option value="1">1-5 %</option>
- 
 
 485 
													<option value="2">5-25 %</option>
406 
												<strong class="obligatoire">*</strong>
486 
													<option value="3">25-50 %</option>
407 
												Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
 487 
													<option value="4">50-75 %</option>
- 
 
 488 
													<option value="5">75-100 %</option>
- 
 
 489 
												</select>
408 
											</label>
 490 
											</label>
409 
											<div class="input-prepend">
 - 
 
410 
												<span class="add-on">
 - 
 
411 
													<i class="icon-leaf"></i>
 - 
 
412 
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
 - 
 
413 
											</div>
 - 
 
414 
										</div>
 491 
										</div>
415 
									</div>
 492 
									</div>
- 
 
 493 
 
416 
									<div class="row-fluid">
 494 
									<div class="row-fluid">
417 
										<div class="span12">
 495 
										<div class="span12">
418 
											<label for="notes">Commentaires</label>
 496 
											<label for="notes">Commentaires</label>
419 
											<div>
 497 
											<div>
420 
												<textarea id="notes" class="span6" rows="7" name="notes"
498 
												<textarea id="notes" class="span12" rows="7" name="notes"
421 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
 499 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
422 
											</div>
 500 
											</div>
423 
										</div>
 501 
										</div>
424 
									</div>
 502 
									</div>
- 
 
 503 
 
425 
								</form>
 504 
								</form>
426 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
 505 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
427 
									method="post" enctype="multipart/form-data">
 506 
									method="post" enctype="multipart/form-data">
428 
									<h2>Image(s) de cette plante</h2>
507 
									<h2>Image(s) de cette plante</h2>
429 
									<strong>Ajouter une image</strong>
508 
									<strong>Ajouter une image</strong>
430 
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
 509 
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
431 
									<div id ="photos-conteneur">
 510 
									<div id ="photos-conteneur">
432 
										<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
 511 
										<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
433 
										<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 512 
										<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
434 
										<div id="miniatures">
 513 
										<div id="miniatures">
Line 436... Line 515...
436 
										<p class="miniature-msg" class="span12">&nbsp;</p>
 515 
										<p class="miniature-msg" class="span12">&nbsp;</p>
437 
									</div>
 516 
									</div>
438 
								</form>
 517 
								</form>
439 
							</div>
 518 
							</div>
440 
							<div class="row-fluid">
 519 
							<div class="row-fluid">
441 
								<div class="span12 centre" rel="tooltip"
520 
								<div class="span12 centre has-tooltip"
442 
									title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
521 
									title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
443 
										ajouter votre observation à la liste à transmettre.">
 522 
										ajouter votre observation à la liste à transmettre.">
444 
									<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
 523 
									<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
445 
										Créer
 524 
										Créer
446 
									</button>
 525 
									</button>
447 
								</div>
 526 
								</div>
448 
							</div>
 527 
							</div>
449 
						</div>
 528 
						</div>
450 
					</div>
 529 
					</div>
451 
				</div>
530 
				</div>
452 
			</div>
 531 
			</div>
- 
 
 532 
 
453 
			<!-- Messages d'erreur du formulaire-->
 533 
			<!-- Messages d'erreur du formulaire-->
454 
			<div class="row">
 534 
			<div class="row">
455 
				<div class="zone-alerte span6 offset3">
 535 
				<div class="zone-alerte span6 offset3">
456 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
 536 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
457 
						<a class="close">×</a>
 537 
						<a class="close">×</a>
Line 471... Line 551...
471 
							Veuillez vérifier vos données.
 551 
							Veuillez vérifier vos données.
472 
						</p>
 552 
						</p>
473 
					</div>
 553 
					</div>
474 
				</div>
 554 
				</div>
475 
			</div>
 555 
			</div>
- 
 
 556 
 
476 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 557 
			<!-- Affiche le tableau récapitulatif des observations ajoutées -->
477 
			<div id="zone-liste-obs" class="row-fluid">
 558 
			<div id="zone-liste-obs" class="row-fluid">
478 
				<div class="span12">
 559 
				<div class="span12">
479 
					<div class="well">
 560 
					<div class="well">
480 
						<div class="row-fluid">
 561 
						<div class="row-fluid">
481 
							<div class="span8">
 562 
							<div class="span8">
482 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
 563 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
483 
							</div>
 564 
							</div>
484 
							<div class="span4 droite">
 565 
							<div class="span4 droite">
485 
								<button id="transmettre-obs" class="btn btn-primary btn-large"
566 
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
486 
									type="button" disabled="disabled" rel="tooltip"
 567 
									type="button" disabled="disabled"
487 
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
568 
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
488 
									Transmettre
 569 
									Transmettre
489 
								</button>
 570 
								</button>
490 
							</div>
 571 
							</div>
491 
						</div>
 572 
						</div>
492 
						<div id="liste-obs" ></div>
 573 
						<div id="liste-obs" ></div>
Line 495... Line 576...
495 
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
 576 
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
496 
									<a class="close">×</a>
 577 
									<a class="close">×</a>
497 
									<h4 class="alert-heading">Attention : aucune observation</h4>
 578 
									<h4 class="alert-heading">Attention : aucune observation</h4>
498 
									<p>Veuillez saisir des observations pour les transmettres.</p>
 579 
									<p>Veuillez saisir des observations pour les transmettres.</p>
499 
								</div>
 580 
								</div>
500
581 
 
501 
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
 582 
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
502 
									<a class="close">×</a>
 583 
									<a class="close">×</a>
503 
									<h4 class="alert-heading">Information : transmission des observations</h4>
 584 
									<h4 class="alert-heading">Information : transmission des observations</h4>
504 
									<div class="alert-txt"></div>
 585 
									<div class="alert-txt"></div>
505 
								</div>
 586 
								</div>
506
587 
 
507 
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
 588 
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
508 
									<a class="close">×</a>
 589 
									<a class="close">×</a>
509 
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
 590 
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
510 
									<div class="alert-txt"></div>
 591 
									<div class="alert-txt"></div>
511 
								</div>
 592 
								</div>
512 
							</div>
 593 
							</div>
513 
						</div>
 594 
						</div>
514
595 
 
515 
					</div>
 596 
					</div>
516 
				</div>
 597 
				</div>
517 
			</div>
 598 
			</div>
518
599 
 
519 
			<footer class="row-fluid">
 600 
			<footer class="row-fluid">
520 
				<p class="span12">&copy; Tela Botanica 2012</p>
 601 
				<p class="span12">&copy; Tela Botanica 2014</p>
521 
			</footer>
 602 
			</footer>
522
603 
 
523 
			<!-- Fenêtres modales -->
 604 
			<!-- Fenêtres modales -->
524 
			<div id="chargement" class="modal-fenetre" style="display:none;">
605 
			<div id="chargement" class="modal-fenetre" style="display:none;">
525 
				<div id="chargement-centrage" class="modal-contenu">
 606 
				<div id="chargement-centrage" class="modal-contenu">
526 
					<div class="progress progress-striped active">
 607 
					<div class="progress progress-striped active">
527 
			 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
 608 
			 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
528 
			    			<span class="sr-only">0/10 observations transmises</span>
 609 
			    			<span class="sr-only">0/10 observations transmises</span>
529 
			  			</div>
 610 
			  			</div>
530 
					</div>
 611 
					</div>
531 
					<p id="chargement-txt" style="color:white;font-size:1.5em;">
 612 
					<p id="chargement-txt" style="color:white;font-size:1.5em;">
532 
						Transfert des observations en cours...<br />
 613 
						Transfert des observations en cours...<br />
533 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
614 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
534 
						d'observations à transférer.
 615 
						d'observations à transférer.
535 
					</p>
 616 
					</p>
536 
				</div>
 617 
				</div>
537 
			</div>
 618 
			</div>
538
619 
 
539 
			<!-- Templates HTML -->
 620 
			<!-- Templates HTML -->
540 
			<div id="tpl-transmission-ok" style="display:none;">
 621 
			<div id="tpl-transmission-ok" style="display:none;">
541 
				<p class="msg">
 622 
				<p class="msg">
542 
					Vos observations ont bien été transmises.<br />
 623 
					Vos observations ont bien été transmises.<br />
543 
					Elles sont désormais consultables à travers les différents outils de visualisation
624 
					Elles sont désormais consultables à travers les différents outils de visualisation
544 
					du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
625 
					du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
545 
					<a href="http://www.tela-botanica.org/page:cel_galerie">galeries d'images</a>,
626 
					<a href="http://www.tela-botanica.org/page:cel_galerie">galeries d'images</a>,
546 
					<a href="http://www.tela-botanica.org/appli:test:del">identiplante</a>,
 627 
					<a href="http://www.tela-botanica.org/appli:test:del">identiplante</a>,
547 
					<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
 628 
					<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
548 
					Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
629 
					Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
549 
					connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
 630 
					connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
550 
					N'oubliez pas qu'il est nécessaire de
631 
					N'oubliez pas qu'il est nécessaire de
551 
					<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
 632 
					<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
552 
					au préalable, si ce n'est pas déjà fait.
 633 
					au préalable, si ce n'est pas déjà fait.
553 
				</p>
 634 
				</p>
554 
			</div>
 635 
			</div>
555 
			<div id="tpl-transmission-ko" style="display:none;">
 636 
			<div id="tpl-transmission-ko" style="display:none;">
556 
				<p class="msg">
 637 
				<p class="msg">
557 
					Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
 638 
					Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
558 
					Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
639 
					Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
559 
					et transmettre les suivantes.<br />
 640 
					et transmettre les suivantes.<br />
560 
					Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
 641 
					Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
561 
					Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
642 
					Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
562 
					<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
 643 
					<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
563 
								  target="_blank"
 644 
								  target="_blank"
564 
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
 645 
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
565 
								  le formulaire de signalement d'erreurs</a>.
 646 
								  le formulaire de signalement d'erreurs</a>.
566 
				</p>
 647 
				</p>
567 
			</div>
 648 
			</div>
- 
 
 649 
 
- 
 
 650 
			<!-- Fenêtres modales -->
- 
 
 651 
			<div id="plte-description" class="modal hide fade modal-fullscreen" tabindex="-1" role="dialog"
- 
 
 652 
				 aria-labelledby="plte-description-titre" aria-hidden="true">
- 
 
 653 
				<div class="modal-header">
- 
 
 654 
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- 
 
 655 
					<h1 id="plte-description-titre"><i>Ambrosia psilostachya</i> DC. (Ambroisie à épis lisses)</h1>
- 
 
 656 
				</div>
- 
 
 657 
				<div class="modal-body">
- 
 
 658 
					<div class="dsc-imgs">
- 
 
 659 
						<img src="<?=$url_base?>/modules/saisie/squelettes/ambrosia/img/dsc/allure_generale.jpg" alt="Allure générale"/>
- 
 
 660 
						<img src="<?=$url_base?>/modules/saisie/squelettes/ambrosia/img/dsc/feuille.jpg" alt="Feuille"/>
- 
 
 661 
						<img src="<?=$url_base?>/modules/saisie/squelettes/ambrosia/img/dsc/fruit.jpg" alt="Fruit"/>
- 
 
 662 
						<img src="<?=$url_base?>/modules/saisie/squelettes/ambrosia/img/dsc/racine.jpg" alt="Racine"/>
- 
 
 663 
					</div>
- 
 
 664 
					<div class="dsc-infos">
- 
 
 665 
						<p><b>Floraison :</b> de fin mai à septembre.</p>
- 
 
 666 
						<p>
- 
 
 667 
							<b>Plante vivace</b> de 10-60(80) cm à <b>rhizome grêle</b> d’où naissent des drageons (voir <b>photo 4</b>) . <b class="text-error">Attention: en
- 
 
 668 
							arrachant la plante la tige casse facilement au ras du rhizome et la portion enfouie de la tige ressemble à une racine
- 
 
 669 
							pivotante (=confusion possible avec une espèce annuelle) !</b>
- 
 
 670 
						</p>
- 
 
 671 
						<p><b>Tiges</b> simples ou à rameaux courts, souvent nues au-dessous du collet.</p>
- 
 
 672 
						<p>
- 
 
 673 
							<b>Feuilles</b> médianes 1 à 2 fois découpées, à bande médiane > 2 mm entre les 2 premières divisions (voir <b>photo 2</b>).<br />
- 
 
 674 
							Morphologie des feuilles généralement uniforme au sein d’un même colonie.
- 
 
 675 
						</p>
- 
 
 676 
						<p><b>Inflorescence</b> mâle (au sommet) dépassant rarement 10 cm (6-20 cm chez <i>A. artemisiifolia</i>).</p>
- 
 
 677 
						<p>
- 
 
 678 
							<b>Fruits</b> (rarement produits en France) de plus 3,5 mm à bec de moins de 1 mm (>1 mm chez <i>A. artemisiifolia</i>) et
- 
 
 679 
							épines obtuses courtes <0,3 mm (épines aiguës > 0,3 mm chez <i>A. artemisiifolia</i>) : voir <b>photo 3</b>.
- 
 
 680 
						</p>
- 
 
 681 
						<p class="muted">
- 
 
 682 
							<b>Références :</b> Tison et al. (2014) Flore de la France méditerranéenne continentale ; Tison & De Foucault (2014) Flora Gallica ; Jauzein (1995)
- 
 
 683 
							Flore des champs cultivés
- 
 
 684 
						</p>
- 
 
 685 
						<p>
- 
 
 686 
							<a href="<?=$url_base?>/modules/saisie/squelettes/ambrosia/doc/ambrosia_psilostachya.pdf" target="_blank">
- 
 
 687 
								Télécharger cette description au format PDF (173 Ko)
- 
 
 688 
							</a>.
- 
 
 689 
						</p>
- 
 
 690 
					</div>
- 
 
 691 
				</div>
- 
 
 692 
				<div class="modal-footer dsc-clean">
- 
 
 693 
					<button class="btn" data-dismiss="modal" aria-hidden="true">Fermer</button>
- 
 
 694 
				</div>
- 
 
 695 
			</div>
568
696 
 
569 
			<!-- Stats : Google Analytics-->
 697 
			<!-- Stats : Google Analytics-->
570 
			<script type="text/javascript">
 698 
			<script type="text/javascript">
571 
				//<![CDATA[
 699 
				//<![CDATA[
572 
				var _gaq = _gaq || [];
 700 
				var _gaq = _gaq || [];
573 
				_gaq.push(['_setAccount', 'UA-20092557-1']);
 701 
				_gaq.push(['_setAccount', 'UA-20092557-1']);
574 
				_gaq.push(['_trackPageview']);
 702 
				_gaq.push(['_trackPageview']);
575
703 
 
576 
				(function() {
 704 
				(function() {
577 
				  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 705 
				  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
578 
				  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 706 
				  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
579 
				  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 707 
				  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
580 
				})();
 708 
				})();