Subversion Repositories eFlore/Applications.cel

Rev

Rev 1567 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1567 Rev 1577
Line 18... Line 18...
18 
		<!-- Google Map v3 -->
 18 
		<!-- Google Map v3 -->
19 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
 19 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
20 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
20 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
Line 21... Line 21...
21
21
22 
		<!-- Jquery -->
 22 
		<!-- Jquery -->
23 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.9.1/jquery-1.9.1.js"></script>
 23 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
24 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
 24 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
25 
		<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>
 25 
		<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>
26 
		<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>
 26 
		<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>
27 
		<!-- Jquery Plugins -->
 27 
		<!-- Jquery Plugins -->
Line 94... Line 94...
94 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 94 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
95 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 95 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
96 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
 96 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
97 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
 97 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
98 
			// URL du marqueur à utiliser dans la carte Google Map
 98 
			// URL du marqueur à utiliser dans la carte Google Map
- 
 
 99 
			var GOOGLE_MAP_MARQUEUR_DEBUT_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/debut.png";
- 
 
 100 
			// URL de l'icône de fin de rue
99 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/epingle.png";
 101 
			var GOOGLE_MAP_MARQUEUR_FIN_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fin.png";
100 
			// URL de l'icône du chargement en cours
 102 
			// URL de l'icône du chargement en cours
101 
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement.gif";
 103 
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement.gif";
102 
			// URL de l'icône du chargement en cours d'une image
 104 
			// URL de l'icône du chargement en cours d'une image
103 
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement-image.gif";
 105 
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement-image.gif";
104 
			// URL de l'icône du calendrier
 106 
			// URL de l'icône du calendrier
Line 277... Line 279...
277 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
 279 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
278 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
280 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
279 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
 281 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
280 
						</p>
 282 
						</p>
281 
					</div>
 283 
					</div>
- 
 
 284 
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
- 
 
 285 
						<a class="close">×</a>
- 
 
 286 
						<h4 class="alert-heading">Information sur Google Map</h4>
- 
 
 287 
						<div class="contenu"></div>
- 
 
 288 
					</div>
282 
				</div>
 289 
				</div>
283 
			</div>
 290 
			</div>
284 
			<div class="row-fluid">
 291 
			<div class="row-fluid">
285 
				<div class="span12">
 292 
				<div class="span12">
286 
					<form id="form-site">
 293 
					<form id="form-site">
Line 310... Line 317...
310 
												<label for="map_canvas" class="control-label"
317 
												<label for="map_canvas" class="control-label"
311 
														title="Veuillez localiser l'observation">
 318 
														title="Veuillez localiser l'observation">
312 
													<strong class="obligatoire">*</strong>
 319 
													<strong class="obligatoire">*</strong>
313 
													Géolocalisation
 320 
													Géolocalisation
314 
												</label>
 321 
												</label>
- 
 
 322 
												<div class="row-fluid">
- 
 
 323 
													<div class="span12">
- 
 
 324 
														<ul class="unstyled liste_indication_geolocalisation">
- 
 
 325 
															<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>
- 
 
 326 
															<li class="indication_geolocalisation">Étape 2/4 : Placez le drapeau vert au début de la portion de rue étudiée</li>
- 
 
 327 
															<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>
- 
 
 328 
															<li class="indication_geolocalisation">Étape 4/4 : Voilà ! Votre zone d'étude est localisée ! Vous pouvez passer à la saisie de l'observation.</li>
- 
 
 329 
														</ul>
- 
 
 330 
													</div>
- 
 
 331 
												</div>
315 
												<div class="form-search form-horizontal">
 332 
												<div class="form-search form-horizontal">
316 
													<div class="control-group">
 333 
													<div class="control-group">
317 
														<input id="carte-recherche" class="search-query" type="text" value=""
 334 
														<input id="carte-recherche"
- 
 
 335 
															class="search-query span12 obs-chp-etendu"
- 
 
 336 
															type="text"
318 
															rel="tooltip"
 337 
															rel="tooltip"
319 
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
 338 
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
320 
															placeholder="Centrer la carte sur un lieu..."/>
 339 
															placeholder="Entrez un nom de ville, de lieu ou de rue..."
- 
 
 340 
															name="adresse"
- 
 
 341 
															data-label="Adresse"
- 
 
 342 
															value=""/>
321 
													</div>
 343 
													</div>
322 
												</div>
 344 
												</div>
323 
											</div>
 345 
											</div>
324 
										</div>
 346 
										</div>
325 
										<div class="row-fluid">
 347 
										<div class="row-fluid">
Line 595... Line 617...
595 
							</form>
 617 
							</form>
596 
						</div>
 618 
						</div>
597 
					</div>
 619 
					</div>
598 
					<form id="form-obs" autocomplete="on">
 620 
					<form id="form-obs" autocomplete="on">
599 
						<div class="row-fluid">
 621 
						<div class="row-fluid">
600 
							<div class="well span6">
 622 
							<div class="span6">
- 
 
 623 
								<div class="well">
601 
								<div class="row-fluid">
 624 
									<div class="row-fluid">
602 
									<div class="span12">
 625 
										<div class="span12">
603 
										<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip"
 626 
											<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip"
604 
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
627 
												title="Sélectionnez une espèce dans la liste déroulante par son nom latin
605 
											ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
 628 
												ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
606 
											<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
 629 
												<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
607 
												<strong class="obligatoire">*</strong>
630 
													<strong class="obligatoire">*</strong>
608 
												Espèces les plus communes
 631 
													Espèces les plus communes
609 
											</label>
 632 
												</label>
610 
											<div class="controls">
 633 
												<div class="controls">
611 
												<div class="input-prepend ">
 634 
													<div class="input-prepend ">
612 
													<span class="add-on">
 635 
														<span class="add-on">
613 
														<i class="icon-leaf"></i>
 636 
															<i class="icon-leaf"></i>
614 
													</span>
 637 
														</span>
615 
													<select id="taxon-liste" class="span12" name="taxon-liste">
 638 
														<select id="taxon-liste" class="span10" name="taxon-liste">
616 
														<option value="" selected>Sélectionner une espèce</option>
 639 
															<option value="" selected>Sélectionner une espèce</option>
617 
														<option value="?">Autre espèce</option>
 640 
															<option value="?">Autre espèce</option>
618 
														<?php foreach ($taxons as $taxon) :?>
 641 
															<?php foreach ($taxons as $taxon) :?>
619 
															<option
642 
																<option
620 
																class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>"
643 
																	class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>"
621 
																value="<?=$taxon['num_nom_sel']?>"
644 
																	value="<?=$taxon['num_nom_sel']?>"
622 
																title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>"
 645 
																	title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>"
623 
																>
 646 
																	>
624 
																<?=$taxon['nom_fr']?>
 647 
																	<?=$taxon['nom_fr']?>
625 
															</option>
 648 
																</option>
626 
														<?php endforeach; ?>
 649 
															<?php endforeach; ?>
627 
													</select>
 650 
														</select>
- 
 
 651 
													</div>
628 
												</div>
 652 
												</div>
629 
											</div>
 653 
											</div>
630 
										</div>
 654 
										</div>
631 
									</div>
 655 
									</div>
632 
								</div>
 - 
 
633 
								<div id="taxon-input-groupe" class="row-fluid hidden">
 656 
									<div id="taxon-input-groupe" class="row-fluid hidden">
634 
									<div class="span12">
 657 
										<div class="span12">
635 
										<div class="control-group" rel="tooltip"
658 
											<div class="control-group" rel="tooltip"
636 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
659 
												title="Sélectionnez une espèce dans la liste déroulante pour lier
637 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
660 
													votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
638 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
 661 
													un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
639 
											<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
 662 
												<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
640 
												Autre espèce
 663 
													Autre espèce
641 
											</label>
 664 
												</label>
642 
											<div class="controls">
 665 
												<div class="controls">
643 
												<input id="taxon" name="taxon" type="text" class="span12"
 666 
													<input id="taxon" name="taxon" type="text" class="span12"
644 
													placeholder="Autre espèce (ou indication sur la plante)"
667 
														placeholder="Autre espèce (ou indication sur la plante)"
645 
													value="<?= $nom_sci_espece_defaut; ?>" />
 668 
														value="<?= $nom_sci_espece_defaut; ?>" />
- 
 
 669 
												</div>
646 
											</div>
 670 
											</div>
647 
										</div>
 671 
										</div>
648 
									</div>
 672 
									</div>
649 
								</div>
 - 
 
650 
								<div class="row-fluid">
 673 
									<div class="row-fluid">
651 
									<div class="span12 control-group" rel="tooltip"
674 
										<div class="span12 control-group" rel="tooltip"
652 
										title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
 675 
											title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
653 
										<label class="span2 control-label">
 676 
											<label class="span2 control-label">
654 
											<strong class="obligatoire">*</strong>
 677 
												<strong class="obligatoire">*</strong>
655 
											Milieux
 678 
												Milieux
656 
										</label>
 679 
											</label>
657 
										<div id="milieux-controls" class="controls">
 680 
											<div id="milieux-controls" class="controls">
658 
											<div class="input-prepend">
 681 
												<div class="input-prepend">
659 
												<div class="btn-group">
 682 
													<div class="btn-group">
660 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
 683 
														<button class="btn dropdown-toggle" data-toggle="dropdown">
661 
														<i class="icon-globe"></i>
 684 
															<i class="icon-globe"></i>
662 
														Sélectionner un ou plusieurs milieux
 685 
															Sélectionner un ou plusieurs milieux
663 
														<span class="caret"></span>
 686 
															<span class="caret"></span>
664 
													</button>
 687 
														</button>
665 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 688 
														<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
666 
														<li>
 689 
															<li>
667 
															<label class="checkbox">
 690 
																<label class="checkbox">
668 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/>
 691 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/>
669 
																chemin
 692 
																	chemin
670 
															</label>
 693 
																</label>
671 
														</li>
 694 
															</li>
672 
														<li>
 695 
															<li>
673 
															<label class="checkbox">
 696 
																<label class="checkbox">
674 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/>
 697 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/>
675 
																fissures
 698 
																	fissures
676 
															</label>
 699 
																</label>
677 
														</li>
 700 
															</li>
678 
														<li>
 701 
															<li>
679 
															<label class="checkbox">
 702 
																<label class="checkbox">
680 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/>
 703 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/>
681 
																haie
 704 
																	haie
682 
															</label>
 705 
																</label>
683 
														</li>
 706 
															</li>
684 
														<li>
 707 
															<li>
685 
															<label class="checkbox">
 708 
																<label class="checkbox">
686 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/>
 709 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/>
687 
																mur
 710 
																	mur
688 
															</label>
 711 
																</label>
689 
														</li>
 712 
															</li>
690 
														<li>
 713 
															<li>
691 
															<label class="checkbox">
 714 
																<label class="checkbox">
692 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/>
 715 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/>
693 
																pelouse
 716 
																	pelouse
694 
															</label>
 717 
																</label>
695 
														</li>
 718 
															</li>
696 
														<li>
 719 
															<li>
697 
															<label class="checkbox">
 720 
																<label class="checkbox">
698 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/>
 721 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/>
699 
																pied d'arbre
 722 
																	pied d'arbre
700 
															</label>
 723 
																</label>
701 
														</li>
 724 
															</li>
702 
														<li>
 725 
															<li>
703 
															<label class="checkbox">
 726 
																<label class="checkbox">
704 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/>
 727 
																	<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/>
705 
																plate bande
 728 
																	plate bande
706 
															</label>
 729 
																</label>
707 
														</li>
 730 
															</li>
708 
													</ul>
 731 
														</ul>
- 
 
 732 
													</div>
709 
												</div>
 733 
												</div>
710 
											</div>
 734 
											</div>
711 
										</div>
 735 
										</div>
712 
									</div>
 736 
									</div>
713 
								</div>
 - 
 
714
737
715 
								<div class="row-fluid">
 738 
									<div class="row-fluid">
716 
									<div class="span12 control-group" rel="tooltip"
739 
										<div class="span12 control-group" rel="tooltip"
717 
										title="Hauteur maximum en centimètre de la plante sur le site.">
 740 
											title="Hauteur maximum en centimètre de la plante sur le site.">
718 
										<label class="control-label">
 741 
											<label class="control-label">
719 
											<strong class="obligatoire">*</strong>
 742 
												<strong class="obligatoire">*</strong>
720 
											Hauteur max. (en cm) de la plante
743 
												Hauteur max. (en cm) de la plante
721 
											<input id="hauteur-plante" class="span2 obs-chp-etendu"
744 
												<input id="hauteur-plante" class="span2 obs-chp-etendu"
722 
												name="hauteurPlante"
745 
													name="hauteurPlante"
723 
												type="number" min="0" step="5"
746 
													type="number" min="0" step="5"
724 
												data-label="Hauteur max. (en cm) de la plante"/>
 747 
													data-label="Hauteur max. (en cm) de la plante"/>
725 
										</label>
 748 
											</label>
- 
 
 749 
										</div>
726 
									</div>
 750 
									</div>
727 
								</div>
 - 
 
728
751
729 
								<div class="row-fluid">
 752 
									<div class="row-fluid">
730 
									<div class="span12">
 753 
										<div class="span12">
731 
										<label for="notes">Commentaires</label>
 754 
											<label for="notes">Commentaires</label>
732 
										<div>
 755 
											<div>
733 
											<textarea id="notes" class="span12" rows="7" name="notes"
756 
												<textarea id="notes" class="span12" rows="7" name="notes"
734 
												placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
 757 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
- 
 
 758 
											</div>
735 
										</div>
 759 
										</div>
736 
									</div>
 760 
									</div>
737 
								</div>
 761 
								</div>
738 
							</div>
 762 
							</div>
739 
							<div class="span6">
 763 
							<div class="span6">
Line 792... Line 816...
792 
														<span class="caret"></span>
 816 
														<span class="caret"></span>
793 
													</button>
 817 
													</button>
794 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 818 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
795 
														<li>
 819 
														<li>
796 
															<label class="checkbox">
 820 
															<label class="checkbox">
797 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
 821 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="inconnue"/>
798 
																ne connaissais pas la plante avant l'étude
 822 
																ne connaissais pas la plante avant l'étude
799 
															</label>
 823 
															</label>
800 
														</li>
 824 
														</li>
801 
														<li>
 825 
														<li>
802 
															<label class="checkbox">
 826 
															<label class="checkbox">
803 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète ne pose pas de problème"/>
 827 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète"/>
804 
																discrète ne pose pas de problème
 828 
																discrète ne pose pas de problème
805 
															</label>
 829 
															</label>
806 
														</li>
 830 
														</li>
807 
														<li>
 831 
														<li>
808 
															<label class="checkbox">
 832 
															<label class="checkbox">
809 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="visible et esthétique"/>
 833 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="esthétique"/>
810 
																visible et esthétique
 834 
																visible et esthétique
811 
															</label>
 835 
															</label>
812 
														</li>
 836 
														</li>
813 
														<li>
 837 
														<li>
814 
															<label class="checkbox">
 838 
															<label class="checkbox">
815 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante, difficile à gérer"/>
 839 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante"/>
816 
																gênante, difficile à gérer
 840 
																gênante, difficile à gérer
817 
															</label>
 841 
															</label>
818 
														</li>
 842 
														</li>
819 
														<li>
 843 
														<li>
820 
															<label class="checkbox">
 844 
															<label class="checkbox">
821 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante, cause des dégâts"/>
 845 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante"/>
822 
																envahissante, cause des dégâts
 846 
																envahissante, cause des dégâts
823 
															</label>
 847 
															</label>
824 
														</li>
 848 
														</li>
825 
													</ul>
 849 
													</ul>
826 
												</div>
 850 
												</div>
Line 849... Line 873...
849
873
850 
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
874 
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
851 
						method="post" enctype="multipart/form-data">
 875 
						method="post" enctype="multipart/form-data">
852 
						<div class="row-fluid">
 876 
						<div class="row-fluid">
853 
							<div class="span12 well">
 877 
							<div class="span12 well">
854 
								<strong>Cliquez sur l'icone pour ajouter une image</strong>
878 
								<strong>Ajouter des images</strong>
855 
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
 879 
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
856 
								<div id ="photos-conteneur">
 880 
								<div id ="photos-conteneur">
857 
									<div id="photo-placeholder" rel="tooltip"
- 
 
858 
										title="Cliquez pour ajouter une photo de votre observation. Elle doit être au
881 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
859 
										format JPEG et ne doit pas excéder 5Mo."></div>
882 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
860 
									<div id="miniatures"></div>
 883 
									<div id="miniatures"></div>
861 
									<p class="miniature-msg" class="span12">&nbsp;</p>
 - 
 
862 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
 - 
 
863 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 884 
									<p class="miniature-msg" class="span12">&nbsp;</p>
864 
								</div>
 885 
								</div>
865 
							</div>
 886 
							</div>
866 
						</div>
 887 
						</div>
867 
					</form>
 888 
					</form>
Line 898... Line 919...
898 
							Certains champs du formulaire sont mal remplis.<br/>
 919 
							Certains champs du formulaire sont mal remplis.<br/>
899 
							Veuillez vérifier vos données.
 920 
							Veuillez vérifier vos données.
900 
						</p>
 921 
						</p>
901 
					</div>
 922 
					</div>
902 
				</div>
 923 
				</div>
- 
 
 924 
				<div class="zone-alerte span6 offset3">
- 
 
 925 
					<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;">
- 
 
 926 
						<a class="close">×</a>
- 
 
 927 
						<h4 class="alert-heading">Information : champs en erreur</h4>
- 
 
 928 
						<p>
- 
 
 929 
							Le coordonnées du début et de la fin de la rue n'ont pas été géoréférencé.<br/>
- 
 
 930 
							Veuillez suivre les étapes indiquées dans le champ « Géolocalisation ».
- 
 
 931 
						</p>
- 
 
 932 
					</div>
- 
 
 933 
				</div>
903 
			</div>
 934 
			</div>
Line 904... Line 935...
904
935
905 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 936 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
906 
			<div id="zone-liste-obs" class="row-fluid hidden">
 937 
			<div id="zone-liste-obs" class="row-fluid hidden">