20,7 → 20,7 |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script> |
|
<!-- Jquery --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.9.1/jquery-1.9.1.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script> |
<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion --> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script> |
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script> |
96,7 → 96,9 |
// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative). |
var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1"; |
// URL du marqueur à utiliser dans la carte Google Map |
var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/epingle.png"; |
var GOOGLE_MAP_MARQUEUR_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/debut.png"; |
// URL de l'icône de fin de rue |
var GOOGLE_MAP_MARQUEUR_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fin.png"; |
// URL de l'icône du chargement en cours |
var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement.gif"; |
// URL de l'icône du chargement en cours d'une image |
279,6 → 281,11 |
il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>. |
</p> |
</div> |
<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information sur Google Map</h4> |
<div class="contenu"></div> |
</div> |
</div> |
</div> |
<div class="row-fluid"> |
312,12 → 319,27 |
<strong class="obligatoire">*</strong> |
Géolocalisation |
</label> |
<div class="row-fluid"> |
<div class="span12"> |
<ul class="unstyled liste_indication_geolocalisation"> |
<li class="indication_geolocalisation">Étape 1/4 : Entrez le nom de la rue et de la ville dans l'espace de recherche ci-dessous</li> |
<li class="indication_geolocalisation">Étape 2/4 : Placez le drapeau vert au début de la portion de rue étudiée</li> |
<li class="indication_geolocalisation">Étape 3/4 : Placez le drapeau rouge à la fin de la portion de rue étudiée, si vous vous êtes trompé, vous pouvez redéplacer le drapeau vert</li> |
<li class="indication_geolocalisation">Étape 4/4 : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li> |
</ul> |
</div> |
</div> |
<div class="form-search form-horizontal"> |
<div class="control-group"> |
<input id="carte-recherche" class="search-query" type="text" value="" |
<input id="carte-recherche" |
class="search-query span12 obs-chp-etendu" |
type="text" |
rel="tooltip" |
title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante." |
placeholder="Centrer la carte sur un lieu..."/> |
placeholder="Entrez un nom de ville, de lieu ou de rue..." |
name="adresse" |
data-label="Adresse" |
value=""/> |
</div> |
</div> |
</div> |
597,141 → 619,143 |
</div> |
<form id="form-obs" autocomplete="on"> |
<div class="row-fluid"> |
<div class="well span6"> |
<div class="row-fluid"> |
<div class="span12"> |
<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." > |
<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée."> |
<strong class="obligatoire">*</strong> |
Espèces les plus communes |
</label> |
<div class="controls"> |
<div class="input-prepend "> |
<span class="add-on"> |
<i class="icon-leaf"></i> |
</span> |
<select id="taxon-liste" class="span12" name="taxon-liste"> |
<option value="" selected>Sélectionner une espèce</option> |
<option value="?">Autre espèce</option> |
<?php foreach ($taxons as $taxon) :?> |
<option |
class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>" |
value="<?=$taxon['num_nom_sel']?>" |
title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>" |
> |
<?=$taxon['nom_fr']?> |
</option> |
<?php endforeach; ?> |
</select> |
<div class="span6"> |
<div class="well"> |
<div class="row-fluid"> |
<div class="span12"> |
<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante par son nom latin |
ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." > |
<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée."> |
<strong class="obligatoire">*</strong> |
Espèces les plus communes |
</label> |
<div class="controls"> |
<div class="input-prepend "> |
<span class="add-on"> |
<i class="icon-leaf"></i> |
</span> |
<select id="taxon-liste" class="span10" name="taxon-liste"> |
<option value="" selected>Sélectionner une espèce</option> |
<option value="?">Autre espèce</option> |
<?php foreach ($taxons as $taxon) :?> |
<option |
class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>" |
value="<?=$taxon['num_nom_sel']?>" |
title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>" |
> |
<?=$taxon['nom_fr']?> |
</option> |
<?php endforeach; ?> |
</select> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
<div id="taxon-input-groupe" class="row-fluid hidden"> |
<div class="span12"> |
<div class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante pour lier |
votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir |
un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." > |
<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée."> |
Autre espèce |
</label> |
<div class="controls"> |
<input id="taxon" name="taxon" type="text" class="span12" |
placeholder="Autre espèce (ou indication sur la plante)" |
value="<?= $nom_sci_espece_defaut; ?>" /> |
<div id="taxon-input-groupe" class="row-fluid hidden"> |
<div class="span12"> |
<div class="control-group" rel="tooltip" |
title="Sélectionnez une espèce dans la liste déroulante pour lier |
votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir |
un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." > |
<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée."> |
Autre espèce |
</label> |
<div class="controls"> |
<input id="taxon" name="taxon" type="text" class="span12" |
placeholder="Autre espèce (ou indication sur la plante)" |
value="<?= $nom_sci_espece_defaut; ?>" /> |
</div> |
</div> |
</div> |
</div> |
</div> |
<div class="row-fluid"> |
<div class="span12 control-group" rel="tooltip" |
title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site."> |
<label class="span2 control-label"> |
<strong class="obligatoire">*</strong> |
Milieux |
</label> |
<div id="milieux-controls" class="controls"> |
<div class="input-prepend"> |
<div class="btn-group"> |
<button class="btn dropdown-toggle" data-toggle="dropdown"> |
<i class="icon-globe"></i> |
Sélectionner un ou plusieurs milieux |
<span class="caret"></span> |
</button> |
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/> |
chemin |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/> |
fissures |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/> |
haie |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/> |
mur |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/> |
pelouse |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/> |
pied d'arbre |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/> |
plate bande |
</label> |
</li> |
</ul> |
<div class="row-fluid"> |
<div class="span12 control-group" rel="tooltip" |
title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site."> |
<label class="span2 control-label"> |
<strong class="obligatoire">*</strong> |
Milieux |
</label> |
<div id="milieux-controls" class="controls"> |
<div class="input-prepend"> |
<div class="btn-group"> |
<button class="btn dropdown-toggle" data-toggle="dropdown"> |
<i class="icon-globe"></i> |
Sélectionner un ou plusieurs milieux |
<span class="caret"></span> |
</button> |
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/> |
chemin |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/> |
fissures |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/> |
haie |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/> |
mur |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/> |
pelouse |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/> |
pied d'arbre |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/> |
plate bande |
</label> |
</li> |
</ul> |
</div> |
</div> |
</div> |
</div> |
</div> |
</div> |
|
<div class="row-fluid"> |
<div class="span12 control-group" rel="tooltip" |
title="Hauteur maximum en centimètre de la plante sur le site."> |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
Hauteur max. (en cm) de la plante |
<input id="hauteur-plante" class="span2 obs-chp-etendu" |
name="hauteurPlante" |
type="number" min="0" step="5" |
data-label="Hauteur max. (en cm) de la plante"/> |
</label> |
|
<div class="row-fluid"> |
<div class="span12 control-group" rel="tooltip" |
title="Hauteur maximum en centimètre de la plante sur le site."> |
<label class="control-label"> |
<strong class="obligatoire">*</strong> |
Hauteur max. (en cm) de la plante |
<input id="hauteur-plante" class="span2 obs-chp-etendu" |
name="hauteurPlante" |
type="number" min="0" step="5" |
data-label="Hauteur max. (en cm) de la plante"/> |
</label> |
</div> |
</div> |
</div> |
|
<div class="row-fluid"> |
<div class="span12"> |
<label for="notes">Commentaires</label> |
<div> |
<textarea id="notes" class="span12" rows="7" name="notes" |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea> |
|
<div class="row-fluid"> |
<div class="span12"> |
<label for="notes">Commentaires</label> |
<div> |
<textarea id="notes" class="span12" rows="7" name="notes" |
placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea> |
</div> |
</div> |
</div> |
</div> |
794,31 → 818,31 |
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> |
<li> |
<label class="checkbox"> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="inconnue"/> |
ne connaissais pas la plante avant l'étude |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète ne pose pas de problème"/> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète"/> |
discrète ne pose pas de problème |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="visible et esthétique"/> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="esthétique"/> |
visible et esthétique |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante, difficile à gérer"/> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante"/> |
gênante, difficile à gérer |
</label> |
</li> |
<li> |
<label class="checkbox"> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante, cause des dégâts"/> |
<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante"/> |
envahissante, cause des dégâts |
</label> |
</li> |
851,16 → 875,13 |
method="post" enctype="multipart/form-data"> |
<div class="row-fluid"> |
<div class="span12 well"> |
<strong>Cliquez sur l'icone pour ajouter une image</strong> |
<strong>Ajouter des images</strong> |
<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p> |
<div id ="photos-conteneur"> |
<div id="photo-placeholder" rel="tooltip" |
title="Cliquez pour ajouter une photo de votre observation. Elle doit être au |
format JPEG et ne doit pas excéder 5Mo."></div> |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" /> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/> |
<div id="miniatures"></div> |
<p class="miniature-msg" class="span12"> </p> |
<input type="file" id="fichier" name="fichier" accept="image/jpeg" /> |
<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/> |
</div> |
</div> |
</div> |
900,6 → 921,16 |
</p> |
</div> |
</div> |
<div class="zone-alerte span6 offset3"> |
<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;"> |
<a class="close">×</a> |
<h4 class="alert-heading">Information : champs en erreur</h4> |
<p> |
Le coordonnées du début et de la fin de la rue n'ont pas été géoréférencé.<br/> |
Veuillez suivre les étapes indiquées dans le champ « Géolocalisation ». |
</p> |
</div> |
</div> |
</div> |
|
<!-- Affiche le tableau récapitualif des observations ajoutées --> |