| Line 67... |
Line 67... |
| 67 |
"recherche=etendue&"+
|
67 |
"recherche=etendue&"+
|
| 68 |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
|
68 |
"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
|
| 69 |
"version.projet="+NOM_SCI_VERSION+"&"+
|
69 |
"version.projet="+NOM_SCI_VERSION+"&"+
|
| 70 |
"ns.structure=au"+"&"+
|
70 |
"ns.structure=au"+"&"+
|
| 71 |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
|
71 |
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
|
| 72 |
console.log(SERVICE_AUTOCOMPLETION_NOM_SCI_URL);
|
- |
|
| 73 |
// Nombre d'observations max autorisé avant transmission
|
72 |
// Nombre d'observations max autorisé avant transmission
|
| 74 |
var OBS_MAX_NBRE = 10;
|
73 |
var OBS_MAX_NBRE = 10;
|
| - |
|
74 |
// Durée d'affichage en milliseconde des messages d'informations
|
| - |
|
75 |
var DUREE_MESSAGE = 15000;
|
| 75 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
|
76 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
|
| 76 |
var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
|
77 |
var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
|
| 77 |
// URL du marqueur à utiliser dans la carte Google Map
|
78 |
// URL du marqueur à utiliser dans la carte Google Map
|
| 78 |
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
|
79 |
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/marqueurs/epingle.png";
|
| 79 |
// URL de l'icône du chargement en cours
|
80 |
// URL de l'icône du chargement en cours
|
| Line 106... |
Line 107... |
| 106 |
<div class="span6">
|
107 |
<div class="span6">
|
| 107 |
<p>
|
108 |
<p>
|
| 108 |
Ce widget de saisie vous permet de partager simplement vos observations avec le
|
109 |
Ce widget de saisie vous permet de partager simplement vos observations avec le
|
| 109 |
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
|
110 |
<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a>.
|
| 110 |
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
|
111 |
Complétez les champs, créez jusqu'à 10 observations (bouton "créer") puis partagez-les (bouton "transmettre").
|
| 111 |
Retrouvez ensuite facilement ces observations dans votre
|
112 |
Retrouvez ensuite facilement ces observations dans
|
| 112 |
<a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.
|
113 |
<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
|
| 113 |
</p>
|
114 |
</p>
|
| 114 |
<p class="discretion">
|
115 |
<p class="discretion">
|
| 115 |
Attention : si vous actualisez la page, fermez votre navigateur... vos observations qui
|
116 |
Attention : si vous actualisez la page, fermez votre navigateur... vos observations qui
|
| 116 |
ne sont pas partagées (bouton "transmettre") seront perdues.
|
117 |
ne sont pas partagées (bouton "transmettre") seront perdues.
|
| 117 |
Nous vous conseillons donc de créer un nombre limité d'observations et de les transmettre régulièrement.
|
118 |
Nous vous conseillons donc de créer un nombre limité d'observations et de les transmettre régulièrement.
|
| Line 123... |
Line 124... |
| 123 |
<div class="span6">
|
124 |
<div class="span6">
|
| 124 |
<div class="well">
|
125 |
<div class="well">
|
| 125 |
<h2>Observateur</h2>
|
126 |
<h2>Observateur</h2>
|
| 126 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
127 |
<form id="form-observateur" action="#" class="" autocomplete="on">
|
| 127 |
<div class="row-fluid">
|
128 |
<div class="row-fluid">
|
| - |
|
129 |
<div class="span6" rel="tooltip" data-placement="right"
|
| - |
|
130 |
title="Saisissez votre courriel avec lequel vous être inscrit à Tela Botanica.
|
| - |
|
131 |
Si vous n'êtes pas inscrit, ce n'est pas grâve, vous pourrez le faire
|
| - |
|
132 |
ultérieurement. Des informations complémentaires vont vous être
|
| 128 |
<div class="span6">
|
133 |
demandé : prénom et nom.">
|
| 129 |
<label for="courriel"
|
134 |
<label for="courriel"
|
| 130 |
title="Veuillez saisir votre adresse courriel.">
|
135 |
title="Veuillez saisir votre adresse courriel.">
|
| 131 |
<strong class="obligatoire">*</strong> Courriel
|
136 |
<strong class="obligatoire">*</strong> Courriel
|
| 132 |
</label>
|
137 |
</label>
|
| 133 |
<div class="input-prepend">
|
138 |
<div class="input-prepend">
|
| 134 |
<span class="add-on">
|
139 |
<span class="add-on">
|
| 135 |
<i class="icon-envelope"></i>
|
140 |
<i class="icon-envelope"></i>
|
| 136 |
</span><input id="courriel" class="input-medium" name="courriel" type="text"/>
|
141 |
</span><input id="courriel" class="input-medium" name="courriel" type="text"/>
|
| 137 |
</div>
|
142 |
</div>
|
| 138 |
</div>
|
143 |
</div>
|
| 139 |
<div class="span6">
|
144 |
<div id="zone-courriel-confirmation" class="span6 hidden">
|
| 140 |
<label for="courriel_confirmation "
|
145 |
<label for="courriel_confirmation"
|
| 141 |
title="Veuillez saisir confirmer votre adresse courriel.">
|
146 |
title="Veuillez saisir confirmer votre adresse courriel.">
|
| 142 |
<strong class="obligatoire">*</strong> Courriel (confirmation)
|
147 |
<strong class="obligatoire">*</strong> Courriel (confirmation)
|
| 143 |
</label>
|
148 |
</label>
|
| 144 |
<div class="input-prepend">
|
149 |
<div class="input-prepend">
|
| 145 |
<span class="add-on">
|
150 |
<span class="add-on">
|
| Line 175... |
Line 180... |
| 175 |
</div>
|
180 |
</div>
|
| 176 |
</div>
|
181 |
</div>
|
| 177 |
<!-- Messages d'erreur du formulaire-->
|
182 |
<!-- Messages d'erreur du formulaire-->
|
| 178 |
<div class="row">
|
183 |
<div class="row">
|
| 179 |
<div class="zone-alerte span6 offset3">
|
184 |
<div class="zone-alerte span6 offset3">
|
| 180 |
<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display: none;" title="">
|
185 |
<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
|
| 181 |
<a class="close">×</a>
|
186 |
<a class="close">×</a>
|
| 182 |
<h4 class="alert-heading">Information : copier/coller</h4>
|
187 |
<h4 class="alert-heading">Information : copier/coller</h4>
|
| 183 |
<p>
|
188 |
<p>
|
| 184 |
Merci de ne pas copier/coller votre courriel.<br/>
|
189 |
Merci de ne pas copier/coller votre courriel.<br/>
|
| 185 |
La double saisie permet de vérifier l'absence d'erreurs.
|
190 |
La double saisie permet de vérifier l'absence d'erreurs.
|
| 186 |
</p>
|
191 |
</p>
|
| 187 |
</div>
|
192 |
</div>
|
| - |
|
193 |
<div id="dialogue-courriel-introuvable" class="alert alert-info alert-block" style="display:none;">
|
| - |
|
194 |
<a class="close">×</a>
|
| - |
|
195 |
<h4 class="alert-heading">Information : courriel introuvable</h4>
|
| - |
|
196 |
<p>
|
| - |
|
197 |
Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
|
| - |
|
198 |
Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
|
| - |
|
199 |
Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
|
| - |
|
200 |
il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
|
| - |
|
201 |
</p>
|
| - |
|
202 |
</div>
|
| 188 |
</div>
|
203 |
</div>
|
| 189 |
</div>
|
204 |
</div>
|
| 190 |
<div class="row-fluid">
|
205 |
<div class="row-fluid">
|
| 191 |
<div class="span12">
|
206 |
<div class="span12">
|
| 192 |
<div class="well">
|
207 |
<div class="well">
|
| Line 217... |
Line 232... |
| 217 |
</form>
|
232 |
</form>
|
| 218 |
</div>
|
233 |
</div>
|
| 219 |
</div>
|
234 |
</div>
|
| 220 |
<div class="row-fluid">
|
235 |
<div class="row-fluid">
|
| 221 |
<div class="span12">
|
236 |
<div class="span12">
|
| 222 |
<div id="map-canvas"></div>
|
237 |
<div id="map-canvas" rel="tooltip"
|
| - |
|
238 |
title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
|
| - |
|
239 |
représentant votre station ou bien le glisser-déposer sur
|
| - |
|
240 |
le lieu souhaité."></div>
|
| 223 |
</div>
|
241 |
</div>
|
| 224 |
</div>
|
242 |
</div>
|
| 225 |
<div class="row-fluid">
|
243 |
<div class="row-fluid">
|
| 226 |
<label for="coordonnees-geo" class="span7">
|
244 |
<label for="coordonnees-geo" class="span7">
|
| 227 |
<a href="#" class="afficher-coord">Afficher</a>
|
245 |
<a href="#" class="afficher-coord">Afficher</a>
|
| Line 266... |
Line 284... |
| 266 |
</div>
|
284 |
</div>
|
| 267 |
</div>
|
285 |
</div>
|
| 268 |
</div>
|
286 |
</div>
|
| 269 |
</div>
|
287 |
</div>
|
| 270 |
<div class="row-fluid">
|
288 |
<div class="row-fluid">
|
| - |
|
289 |
<div class="span4" rel="tooltip"
|
| 271 |
<div class="span4" rel="tooltip" title="Le lieu-dit est la dénomination administrative du lieu que l’on peut trouver sur une carte au 1/25 000, sur le cadastre ou au dire des habitants locaux." >
|
290 |
title="Le lieu-dit est la dénomination administrative du lieu
|
| - |
|
291 |
que l’on peut trouver sur une carte au 1/25 000, sur le
|
| - |
|
292 |
cadastre ou au dire des habitants locaux." >
|
| 272 |
<label for="lieudit">Lieu-dit</label>
|
293 |
<label for="lieudit">Lieu-dit</label>
|
| 273 |
<div>
|
294 |
<div>
|
| 274 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
295 |
<input type="text" id="lieudit" class="span2" name="lieudit"/>
|
| 275 |
</div>
|
296 |
</div>
|
| 276 |
</div>
|
297 |
</div>
|
| - |
|
298 |
<div class="span4" rel="tooltip"
|
| - |
|
299 |
title="La station est la dénomination qui caractérise le lieu
|
| 277 |
<div class="span4" rel="tooltip" title="La station est la dénomination qui caractérise le lieu de la collecte d’un point de vue écologique. Il est recommandéde choisir une station qui soit homogène dans sa compositionfloristique afin de refléter le plus fidèlement possible son identité sous l’angle phytosociologique. Exemple : zone humide située au centre du près. " >
|
300 |
de la collecte d’un point de vue écologique. Il est
|
| - |
|
301 |
recommandéde choisir une station qui soit homogène dans
|
| - |
|
302 |
sa compositionfloristique afin de refléter le plus
|
| - |
|
303 |
fidèlement possible son identité sous l’angle
|
| - |
|
304 |
phytosociologique. Exemple : zone humide située au centre
|
| - |
|
305 |
du près. " >
|
| 278 |
<label for="station">Station</label>
|
306 |
<label for="station">Station</label>
|
| 279 |
<div>
|
307 |
<div>
|
| 280 |
<input type="text" id="station" class="span2" name="station"/>
|
308 |
<input type="text" id="station" class="span2" name="station"/>
|
| 281 |
</div>
|
309 |
</div>
|
| 282 |
</div>
|
310 |
</div>
|
| - |
|
311 |
<div class="span4" rel="tooltip"
|
| 283 |
<div class="span4" rel="tooltip" title="Le milieu est un terme générique caractérisant la station. On peut se référer pour cela à des codes comme Corine Biotope ou le nom d’une unité phytosociologique. Exemple : prairie humide">
|
312 |
title="Le milieu est un terme générique caractérisant la
|
| - |
|
313 |
station. On peut se référer pour cela à des codes comme
|
| - |
|
314 |
Corine Biotope ou le nom d’une unité phytosociologique.
|
| - |
|
315 |
Exemple : prairie humide">
|
| 284 |
<label for="milieux">Milieu</label>
|
316 |
<label for="milieux">Milieu</label>
|
| 285 |
<div>
|
317 |
<div>
|
| 286 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
318 |
<input type="text" id="milieu" class="span2" name="milieu" />
|
| 287 |
</div>
|
319 |
</div>
|
| 288 |
</div>
|
320 |
</div>
|
| Line 292... |
Line 324... |
| 292 |
</div>
|
324 |
</div>
|
| 293 |
<div class="span6">
|
325 |
<div class="span6">
|
| 294 |
<form id="form-obs" action="#" autocomplete="on">
|
326 |
<form id="form-obs" action="#" autocomplete="on">
|
| 295 |
<h2>Observations</h2>
|
327 |
<h2>Observations</h2>
|
| 296 |
<div class="row-fluid">
|
328 |
<div class="row-fluid">
|
| - |
|
329 |
<div class="span4" rel="tooltip"
|
| 297 |
<div class="span4" rel="tooltip" title="Vous pouvez cliquer sur l'icône de calendrier pour sélectionner un date dans un calendrier.">
|
330 |
title="Vous pouvez cliquer sur l'icône de calendrier pour
|
| - |
|
331 |
sélectionner un date dans un calendrier.">
|
| 298 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
332 |
<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
|
| 299 |
<strong class="obligatoire">*</strong> Date du relevé
|
333 |
<strong class="obligatoire">*</strong> Date du relevé
|
| 300 |
</label>
|
334 |
</label>
|
| 301 |
<div class="input-prepend">
|
335 |
<div class="input-prepend">
|
| 302 |
<span id="date-icone" class="add-on"></span><input id="date"
|
336 |
<span id="date-icone" class="add-on"></span><input id="date"
|
| 303 |
class="input-small" name="date" type="text"
|
337 |
class="input-small" name="date" type="text"
|
| 304 |
placeholder="jj/mm/aaaa" />
|
338 |
placeholder="jj/mm/aaaa" />
|
| 305 |
</div>
|
339 |
</div>
|
| 306 |
</div>
|
340 |
</div>
|
| - |
|
341 |
<div id="taxon-input-groupe" class="span8" rel="tooltip"
|
| 307 |
<div id="taxon-input-groupe" class="span8" rel="tooltip" title="Sélectionnez une espèce dans la liste déroulante." >
|
342 |
title="Sélectionnez une espèce dans la liste déroulante pour lier
|
| - |
|
343 |
votre nom au référentiel <?=$ns_referentiel?>. Si vous recharger
|
| - |
|
344 |
la page le nom présent dans le champ ne sera plus lié au référentiel, il sera
|
| - |
|
345 |
nécessaire de le sélectionner à nouveau dans la liste. Si vous
|
| - |
|
346 |
le désirez vous pouvez aussi saisir un nom abscent du référentiel
|
| - |
|
347 |
(Ex. : Rosa sp.)." >
|
| 308 |
<label for="taxon" title="Choisissez une espèce">
|
348 |
<label for="taxon" title="Choisissez une espèce">
|
| 309 |
<strong class="obligatoire">*</strong>
|
349 |
<strong class="obligatoire">*</strong>
|
| 310 |
Espèce
|
350 |
Espèce
|
| 311 |
</label>
|
351 |
</label>
|
| 312 |
<div class="input-prepend">
|
352 |
<div class="input-prepend">
|
| Line 326... |
Line 366... |
| 326 |
</div>
|
366 |
</div>
|
| 327 |
</div>
|
367 |
</div>
|
| 328 |
</form>
|
368 |
</form>
|
| 329 |
<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"
|
369 |
<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"
|
| 330 |
method="post" enctype="multipart/form-data">
|
370 |
method="post" enctype="multipart/form-data">
|
| - |
|
371 |
<div rel="tooltip"
|
| 331 |
<div rel="tooltip" title="Ajouter une photo de votre observation. Elle doit être au format JPEG et ne doit pas excéder 5Mo.">
|
372 |
title="Ajouter une photo de votre observation. Elle doit être au
|
| - |
|
373 |
format JPEG et ne doit pas excéder 5Mo.">
|
| 332 |
<label>Photo</label>
|
374 |
<label>Photo</label>
|
| 333 |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
|
375 |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
|
| 334 |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
|
376 |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
|
| 335 |
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
|
377 |
<p id="miniature-info" class="discretion help-inline">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>
|
| 336 |
<div id="miniature"></div>
|
378 |
<div id="miniature"></div>
|
| Line 349... |
Line 391... |
| 349 |
</div>
|
391 |
</div>
|
| 350 |
</div>
|
392 |
</div>
|
| 351 |
</div>
|
393 |
</div>
|
| 352 |
</div>
|
394 |
</div>
|
| 353 |
</div>
|
395 |
</div>
|
| - |
|
396 |
<!-- Messages d'erreur du formulaire-->
|
| - |
|
397 |
<div class="row">
|
| - |
|
398 |
<div class="zone-alerte span6 offset3">
|
| - |
|
399 |
<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
|
| - |
|
400 |
<a class="close">×</a>
|
| - |
|
401 |
<h4 class="alert-heading">Information : 10 observations maximum</h4>
|
| - |
|
402 |
<p>
|
| - |
|
403 |
Vous venez d'ajouter votre 10ème observations.<br/>
|
| - |
|
404 |
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
|
| - |
|
405 |
</p>
|
| - |
|
406 |
</div>
|
| - |
|
407 |
</div>
|
| - |
|
408 |
<div class="zone-alerte span6 offset3">
|
| - |
|
409 |
<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
|
| - |
|
410 |
<a class="close">×</a>
|
| - |
|
411 |
<h4 class="alert-heading">Information : champs en erreur</h4>
|
| - |
|
412 |
<p>
|
| - |
|
413 |
Certains champs du formulaire sont mal remplis.<br/>
|
| - |
|
414 |
Veuillez vérifier vos données.
|
| - |
|
415 |
</p>
|
| - |
|
416 |
</div>
|
| - |
|
417 |
</div>
|
| - |
|
418 |
</div>
|
| 354 |
<!-- Affiche le tableau récapitualif des observations ajoutées -->
|
419 |
<!-- Affiche le tableau récapitualif des observations ajoutées -->
|
| 355 |
<div id="zone-liste-obs" class="row-fluid">
|
420 |
<div id="zone-liste-obs" class="row-fluid">
|
| 356 |
<div class="span12">
|
421 |
<div class="span12">
|
| 357 |
<div class="well">
|
422 |
<div class="well">
|
| - |
|
423 |
<div class="row-fluid">
|
| - |
|
424 |
<div class="span8">
|
| 358 |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
|
425 |
<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
|
| - |
|
426 |
</div>
|
| - |
|
427 |
<div class="span4 droite">
|
| - |
|
428 |
<button id="transmettre-obs" class="btn btn-primary btn-large" type="button" disabled="disabled"
|
| - |
|
429 |
title="Ajoute les observations à votre Carnet en Ligne et les rend publiques.">
|
| - |
|
430 |
Transmettre
|
| - |
|
431 |
</button>
|
| - |
|
432 |
</div>
|
| - |
|
433 |
</div>
|
| 359 |
<div id="liste-obs" ></div>
|
434 |
<div id="liste-obs" ></div>
|
| 360 |
<div class="row">
|
435 |
<div class="row">
|
| 361 |
<div class="zone-alerte span6 offset3">
|
436 |
<div class="zone-alerte span6 offset3">
|
| 362 |
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
|
437 |
<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
|
| 363 |
<a class="close">×</a>
|
438 |
<a class="close">×</a>
|
| 364 |
<h4 class="alert-heading">Attention : aucune observation</h4>
|
439 |
<h4 class="alert-heading">Attention : aucune observation</h4>
|
| 365 |
<p>Veuillez saisir des observations pour les transmettres.</p>
|
440 |
<p>Veuillez saisir des observations pour les transmettres.</p>
|
| 366 |
</div>
|
441 |
</div>
|
| Line 367... |
Line 442... |
| 367 |
|
442 |
|
| 368 |
<div id="dialogue-obs-transaction" class="alert alert-success alert-block" style="display: none;"">
|
443 |
<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
|
| 369 |
<a class="close">×</a>
|
444 |
<a class="close">×</a>
|
| 370 |
<h4 class="alert-heading">Information : transmission des observations</h4>
|
445 |
<h4 class="alert-heading">Information : transmission des observations</h4>
|
| 371 |
<div class="alert-txt"></div>
|
446 |
<div class="alert-txt"></div>
|
| Line 372... |
Line 447... |
| 372 |
</div>
|
447 |
</div>
|
| 373 |
|
448 |
|
| 374 |
<div id="dialogue-erreur" class="alert alert-error alert-block" style="display: none;">
|
449 |
<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
|
| 375 |
<a class="close">×</a>
|
450 |
<a class="close">×</a>
|
| 376 |
<h4 class="alert-heading">Erreur : transmission des observations</h4>
|
451 |
<h4 class="alert-heading">Erreur : transmission des observations</h4>
|
| 377 |
<div class="alert-txt"></div>
|
452 |
<div class="alert-txt"></div>
|
| 378 |
</div>
|
453 |
</div>
|
| 379 |
</div>
|
- |
|
| 380 |
</div>
|
- |
|
| 381 |
<div class="row-fluid">
|
- |
|
| 382 |
<div class="span12 droite">
|
- |
|
| 383 |
<button id="transmettre-obs" class="btn btn-primary btn-large" type="button" disabled="disabled"
|
- |
|
| 384 |
title="Ajoute les observations à votre Carnet en Ligne et les rend publiques.">
|
- |
|
| 385 |
Transmettre
|
- |
|
| 386 |
</button>
|
454 |
</div>
|
| 387 |
</div>
|
455 |
</div>
|
| 388 |
</div>
|
456 |
|
| 389 |
</div>
|
457 |
</div>
|
| Line 390... |
Line 458... |
| 390 |
</div>
|
458 |
</div>
|
| 391 |
</div>
|
459 |
</div>
|
| 392 |
|
460 |
|
| Line 393... |
Line 461... |
| 393 |
<footer class="row-fluid">
|
461 |
<footer class="row-fluid">
|
| 394 |
<p class="span12">© Tela Botanica 2012</p>
|
462 |
<p class="span12">© Tela Botanica 2012</p>
|
| 395 |
</footer>
|
463 |
</footer>
|
| - |
|
464 |
|
| 396 |
|
465 |
<!-- Fenêtres modales -->
|
| - |
|
466 |
<div id="chargement" class="modal-fenetre" style="display:none;">
|
| 397 |
<!-- Fenêtres modales -->
|
467 |
<div id="chargement-centrage" class="modal-contenu">
|
| 398 |
<div id="chargement" style="position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#777;background:rgba(90,86,93,0.7);text-align:center;display:none;">
|
468 |
<img id="chargement-img"
|
| 399 |
<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
|
469 |
src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif"
|
| - |
|
470 |
alt="Transfert en cours..."/>
|
| 400 |
<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>
|
471 |
<p id="chargement-txt" style="color:white;font-size:1.5em;">
|
| 401 |
<p id="chargement-txt" style="color:white;font-size:1.5em;">
|
472 |
Transfert des observations en cours...<br />
|
| 402 |
Transfert des observations en cours...<br />
|
473 |
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
|
| Line -... |
Line 474... |
| - |
|
474 |
d'observation à transférer.
|
| - |
|
475 |
</p>
|
| - |
|
476 |
</div>
|
| - |
|
477 |
</div>
|
| - |
|
478 |
|
| - |
|
479 |
<!-- Templates HTML -->
|
| - |
|
480 |
<div id="tpl-transmission-ok" style="display:none;">
|
| - |
|
481 |
<p class="msg">
|
| - |
|
482 |
Vos observations ont bien été transmises.<br />
|
| - |
|
483 |
Elles sont désormais consultables à travers les différents outils de visualisation
|
| - |
|
484 |
du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
|
| - |
|
485 |
<a href="http://www.tela-botanica.org/page:cel_galerie">galerie d'images</a>,
|
| - |
|
486 |
<a href="http://www.tela-botanica.org/widget:cel:carto">cartographie (widget)</a>...)<br />
|
| - |
|
487 |
Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouvez en vous
|
| - |
|
488 |
connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
|
| - |
|
489 |
N'oubliez pas qu'il est nécessaire de
|
| - |
|
490 |
<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
|
| - |
|
491 |
au préalable, si ce n'est pas déjà fait.
|
| - |
|
492 |
</p>
|
| - |
|
493 |
</div>
|
| - |
|
494 |
<div id="tpl-transmission-ko" style="display:none;">
|
| - |
|
495 |
<p class="msg">
|
| - |
|
496 |
Une erreur est survenue lors de la transmission de vos observations.<br />
|
| 403 |
Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
|
497 |
Vous pouvez signaler le dysfonctionnement à
|
| 404 |
</p>
|
498 |
<a class="courriel-erreur" href="mailto:">cel@tela-botanica.org</a>.
|
| 405 |
</div>
|
499 |
</p>
|
| 406 |
</div>
|
500 |
</div>
|
| 407 |
|
501 |
|