WebSVN – eFlore/Applications.cel – Diff – /branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/sauvages.tpl.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Sauvages de ma rue</title>
		
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Content-style-type" content="text/css" />
		<meta http-equiv="Content-script-type" content="text/javascript" />
		<meta http-equiv="Content-language" content="fr" />
		
		<meta name="revisit-after" content="15 days" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Céline VIDAL, Jean-Pascal MILCENT" />
        <meta name="keywords" content="Tela Botanica, Natural Solutions, MNHN, Sauvages de ma rue, CEL" />
        <meta name="description" content="Widget de saisie simplifié pour le projet Sauvages de ma rue" />
 
		<!-- Favicones -->
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/favicon.ico" />
		
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
		<!-- Javascript : bibliothèques -->
		<!-- Google Map v3 -->
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
		
		<!-- Jquery -->
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
		
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
		
		<script src="<?=$url_base?>saisie?projet=sauvages&amp;service=taxons" type="text/javascript"></script>
		
		<!-- Javascript : appli saisie -->
		<script type="text/javascript">
		//<![CDATA[
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
			// La présence du parametre 'ville' dans l'URL géolocalise
			var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";
			// URL du web service réalisant l'insertion des données dans la base du CEL.
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";
			// URL du marqueur à utiliser dans la carte Google Map
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fleur.png";
			// URL de l'icône du bouton supprimer
			var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";
			// URL de l'icône du chargement en cours
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";
		//]]>
		</script>
		
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>
			
		<!-- CSS -->
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body>
		<div id="zone-appli">
			<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>
			
			<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">
				<fieldset id="partie-identification">
					<legend>Observateur</legend>
					<ul>
						<li>
							<label for="prenom">Prénom</label>
							<input id="prenom" name="prenom" type="text" value=""/>
						</li>
						<li>
							<label for="nom">Nom</label>
							<input id="nom" name="nom" type="text" value=""/>
						</li>
						<li>
							<label for="courriel" class="oblig" 
								title="Veuillez saisir votre adresse courriel. Elle ne sera pas utilisée à des fins commerciales.">
								<strong class="obligatoire">*</strong> Courriel
							</label>
							<input id="courriel" name="courriel" type="text" value=""/>
						</li>
						<li>
							<label for="courriel_confirmation" class="oblig" title="Veuillez saisir confirmer votre adresse courriel">
								<strong class="obligatoire">*</strong> Courriel (confirmation)
							</label>
							<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>
						</li>
					</ul>
				</fieldset>
			
				<h2>Fiche de terrain</h2>
				<div id="zone-fiche-terrain">
					<fieldset id="partie-date">
						<legend>Date du relevé</legend> 
						<ul>
							<li>
								<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
									<strong class="obligatoire">*</strong> Date du relevé
								</label>
								<input id="date" name="date" type="text" value="" />
							</li>
						</ul>
					</fieldset>
					<fieldset id="partie-station">
						<legend>Lieu du relevé</legend>
						<ul>
							<li>
								<ul>
									<li>
										<label for="rue" title="Indiquer le nom de la rue">
											<strong class="obligatoire">*</strong> 
											Rue
										</label>
										<input id="rue" name="rue" type="text" value="" />
									</li>
									<li>
										<ul id="rue_numeros">
											<li>
												<label for="rue_num_debut" title="Indiquer le numéro de début de la rue">
													<strong class="obligatoire">*</strong> 
													N° début
												</label>
												<input id="rue_num_debut" name="rue_num_debut" type="text" value="" />
											</li>
											<li>
												<label for="rue_num_fin" title="Indiquer le numéro de fin de la rue">
													<strong class="obligatoire">*</strong> 
													N° fin
												</label>
												<input id="rue_num_fin" name="rue_num_fin" type="text" value="" />
											</li>
										</ul>
										<hr class="nettoyage" />
									</li>
									<li>
										<label for="rue_cote" title="Choisissez un type de côté de rue">
											<strong class="obligatoire">*</strong> 
											Côté
										</label>
										<select id="rue_cote" name="rue_cote">
											<option value="">Sélectionner un type de côté</option>
										 	<option value="pair">Pair</option>
										 	<option value="impair">Impair</option>
										 	<option value="2cotes">Les deux</option>
										</select> 
									</li>
								</ul>
							</li>
						</ul>
					</fieldset>
					<fieldset id="partie-observation">
						<legend>Observations</legend> 
						<ul>
							<li>
								<label for="taxon" title="Choisissez une espèce">
									<strong class="obligatoire">*</strong> 
									Espèce
								</label>
								<select id="taxon" name="taxon">
									<option value="">Sélectionner un taxon</option>
									<?php foreach ($taxons as $taxon) :?>
										<option value="<?=$taxon['num_nom_sel']?>" 
											title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">
											<?=$taxon['nom_fr']?>
										</option>
									<?php endforeach; ?> 
								</select> 
							</li>
							<li>
								<label for="liste-milieux" title="Veuillez sélectionner un milieu">
									<strong class="obligatoire">*</strong> 
									Milieu
								</label>
								<ul id="liste-milieux">
									<?php foreach ($milieux as $milieu => $description) : ?>
									<li>
										<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>" 
											<?=($description != '') ? 'title="'.$description.'"': '' ?>/>
										<?=$milieu?>
									</li>
									<?php endforeach; ?>
								</ul>
								<hr class="nettoyage" />
							</li>
							<li>
								<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation">
									<strong class="obligatoire">*</strong> Géolocalisation
								</label>
							</li>
							<li id="map-canvas"></li>
							<li>
								<label for="coordonnees-geo">
									<a href="#" class="afficher-coord">Afficher</a>
									<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
									Les coordonnées géographiques
									<span id="lat-lon-info" class="info" 
										title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
										(WGS84)
									</span>
								</label>
								<ul id="coordonnees-geo" style="display:none;">
									<li id="coord-lat">						
										<label for="latitude">Latitude</label>
										<input id="latitude" name="latitude" type="text" value=""/>
									</li>
									<li id="coord-lng">
										<label for="longitude">Longitude</label>
										<input id="longitude" name="longitude" type="text" value=""/>
									</li>
									<li id="info-commune">
							    		<label for="marqueur-commune">Commune</label>
							    		<span id="marqueur-commune">
							    			<span id="commune-nom" class="commune-info"></span>
							    			(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)
							    		</span>
						    		</li>
									<li>
										<input id="geolocaliser" type="button" value="Voir sur la carte"/>
									</li>
								</ul>
							</li>
							<li>
								<hr class="nettoyage" />
							</li>
							<li>
								<label for="notes">Notes</label>
								<textarea id="notes" name="notes" rows="3" cols="4"></textarea>
							</li>
						</ul>
					</fieldset>
				</div><!-- zone-fiche-terrain-->
			</form>			
			
			<div id="zone-fiche-terrain-photo">
				<form id="form-upload"  action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image" 
					method="post" enctype="multipart/form-data">
					<fieldset id="partie-photo">
						<legend>Ajouter une photo</legend>
						<p id="miniature-info" class="discretion">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>					
						<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>
						<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
						<p id="miniature-msg">&nbsp;</p>
						<div id="miniature"></div>
						<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>
					</fieldset>
				</form>
				
				<div>
					<button id="ajouter-obs" type="button">Ajouter</button>
				</div>
			</div><!-- zone-fiche-terrain-photo -->
				
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
			<div id="zone-liste-obs">
				<form action="#" >
					<fieldset id="partie-preview">
						<legend>Liste des observations à transmettre</legend>
						<table id="liste-obs">
							<thead>
								<tr>
									<th>N&deg;</th>
									<th>Date</th>
									<th>Adresse</th>
									<th>Nom</th>
									<th>Milieu</th>
									<th title="Latitude / Longitude">Lat./Long.</th>
									<th>Photo</th>
									<th>Notes</th>
									<th></th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
						<button id="transmettre-obs" type="button">Transmettre</button>
					</fieldset>
				</form>
			</div> <!-- zone-liste-obs : wrap3 -->
		</div>
		
		<!-- Messages d'erreur du formulaire-->
		<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">
			<p>
				Merci de ne pas copier/coller votre courriel.<br/>
				La double saisie permet de vérifier l'absence d'erreurs.
			</p>
		</div>
		<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">
			<p>Veuillez saisir des observations pour les transmettres.</p>
		</div>
		<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">
			<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>
		</div>
		
		<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>
		
		<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>
		
		<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>
		
		<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;">			
			<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">
				<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
					Transfert des observations en cours...<br />
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.
				</p>
			</div>
		</div>
		
		<!-- Stats : Google Analytics-->
		<script type="text/javascript">
			//<![CDATA[
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-20092557-1']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			//]]>
		</script>
	</body>
</html>

Rev 1206	Rev 1207
1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
2	`<html xmlns="http://www.w3.org/1999/xhtml">`	2	`<html xmlns="http://www.w3.org/1999/xhtml">`
3	`<head>`	3	`<head>`
4	`<title>Sauvages de ma rue</title>`	4	`<title>Sauvages de ma rue</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="Céline VIDAL, Jean-Pascal MILCENT" />`	13	`<meta name="author" content="Céline VIDAL, Jean-Pascal MILCENT" />`
14	`<meta name="keywords" content="Tela Botanica, Natural Solutions, MNHN, Sauvages de ma rue, CEL" />`	14	`<meta name="keywords" content="Tela Botanica, Natural Solutions, MNHN, Sauvages de ma rue, CEL" />`
15	`<meta name="description" content="Widget de saisie simplifié pour le projet Sauvages de ma rue" />`	15	`<meta name="description" content="Widget de saisie simplifié pour le projet Sauvages de ma rue" />`
16		16
17	`<!-- Favicones -->`	17	`<!-- Favicones -->`
18	`<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/favicon.ico" />`	18	`<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/favicon.ico" />`
19		19
20	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`	20	`<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />`
21		21
22	`<!-- Javascript : bibliothèques -->`	22	`<!-- Javascript : bibliothèques -->`
23	`<!-- Google Map v3 -->`	23	`<!-- Google Map v3 -->`
24	`<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->`	24	`<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->`
25	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script>`	25	`<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=fr&region=FR"></script>`
26		26
27	`<!-- Jquery -->`	27	`<!-- Jquery -->`
28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>`	28	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>`
29		29
30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>`	30	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>`
31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`	31	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>`
32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>`	32	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/jquery.validate.js"></script>`
33	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>`	33	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>`
34	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`	34	`<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>`
35		35
36	`<script src="<?=$url_base?>saisie?projet=sauvages&service=taxons" type="text/javascript"></script>`	36	`<script src="<?=$url_base?>saisie?projet=sauvages&service=taxons" type="text/javascript"></script>`
37		37
38	`<!-- Javascript : appli saisie -->`	38	`<!-- Javascript : appli saisie -->`
39	`<script type="text/javascript">`	39	`<script type="text/javascript">`
40	`//<![CDATA[`	40	`//<![CDATA[`
41	`// La présence du parametre 'debug' dans l'URL enclenche le dégogage`	41	`// La présence du parametre 'debug' dans l'URL enclenche le dégogage`
42	`var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;`	42	`var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;`
43	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`	43	`// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5`
44	`var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;`	44	`var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;`
45	`// La présence du parametre 'ville' dans l'URL géolocalise`	45	`// La présence du parametre 'ville' dans l'URL géolocalise`
46	`var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";`	46	`var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";`
47	`// URL du web service réalisant l'insertion des données dans la base du CEL.`	47	`// URL du web service réalisant l'insertion des données dans la base du CEL.`
48	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`	48	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`
49	`// Squelette d'URL du web service d'eFlore fournissant les noms de communes.`	49	`// Squelette d'URL du web service d'eFlore fournissant les noms de communes.`
50	`var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";`	50	`var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";`
51	`// URL du marqueur à utiliser dans la carte Google Map`	51	`// URL du marqueur à utiliser dans la carte Google Map`
52	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fleur.png";`	52	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fleur.png";`
53	`// URL de l'icône du bouton supprimer`	53	`// URL de l'icône du bouton supprimer`
54	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";`	54	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";`
55	`// URL de l'icône du chargement en cours`	55	`// URL de l'icône du chargement en cours`
56	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";`	56	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";`
57	`//]]>`	57	`//]]>`
58	`</script>`	58	`</script>`
59		59
60	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>`	60	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>`
61		61
62	`<!-- CSS -->`	62	`<!-- CSS -->`
63	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`	63	`<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.17/css/ui-darkness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" media="screen" />`
64	`<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />`	64	`<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/<?=isset($_GET['style']) ? $_GET['style'] : 'sauvages'?>.css" rel="stylesheet" type="text/css" media="screen" />`
65	`</head>`	65	`</head>`
66		66
67	`<body>`	67	`<body>`
68	`<div id="zone-appli">`	68	`<div id="zone-appli">`
69	`<h1><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>`	69	`<h1 id="widget-titre"><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>`
70		70
71	`<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">`	71	`<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">`
72	`<fieldset id="partie-identification">`	72	`<fieldset id="partie-identification">`
73	`<legend>Observateur</legend>`	73	`<legend>Observateur</legend>`
74	`<ul>`	74	`<ul>`
75	`<li>`	75	`<li>`
76	`<label for="prenom">Prénom</label>`	76	`<label for="prenom">Prénom</label>`
77	`<input id="prenom" name="prenom" type="text" value=""/>`	77	`<input id="prenom" name="prenom" type="text" value=""/>`
78	`</li>`	78	`</li>`
79	`<li>`	79	`<li>`
80	`<label for="nom">Nom</label>`	80	`<label for="nom">Nom</label>`
81	`<input id="nom" name="nom" type="text" value=""/>`	81	`<input id="nom" name="nom" type="text" value=""/>`
82	`</li>`	82	`</li>`
83	`<li>`	83	`<li>`
84	`<label for="courriel" class="oblig"`	84	`<label for="courriel" class="oblig"`
85	`title="Veuillez saisir votre adresse courriel. Elle ne sera pas utilisée à des fins commerciales.">`	85	`title="Veuillez saisir votre adresse courriel. Elle ne sera pas utilisée à des fins commerciales.">`
86	`<strong class="obligatoire">*</strong> Courriel`	86	`<strong class="obligatoire">*</strong> Courriel`
87	`</label>`	87	`</label>`
88	`<input id="courriel" name="courriel" type="text" value=""/>`	88	`<input id="courriel" name="courriel" type="text" value=""/>`
89	`</li>`	89	`</li>`
90	`<li>`	90	`<li>`
91	`<label for="courriel_confirmation" class="oblig" title="Veuillez saisir confirmer votre adresse courriel">`	91	`<label for="courriel_confirmation" class="oblig" title="Veuillez saisir confirmer votre adresse courriel">`
92	`<strong class="obligatoire">*</strong> Courriel (confirmation)`	92	`<strong class="obligatoire">*</strong> Courriel (confirmation)`
93	`</label>`	93	`</label>`
94	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`	94	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`
95	`</li>`	95	`</li>`
96	`</ul>`	96	`</ul>`
97	`</fieldset>`	97	`</fieldset>`
98		98
99	`<h2>Fiche de terrain</h2>`	99	`<h2>Fiche de terrain</h2>`
100	`<div id="zone-fiche-terrain">`	100	`<div id="zone-fiche-terrain">`
101	`<fieldset id="partie-date">`	101	`<fieldset id="partie-date">`
102	`<legend>Date du relevé</legend>`	102	`<legend>Date du relevé</legend>`
103	`<ul>`	103	`<ul>`
104	`<li>`	104	`<li>`
105	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`	105	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`
106	`<strong class="obligatoire">*</strong> Date du relevé`	106	`<strong class="obligatoire">*</strong> Date du relevé`
107	`</label>`	107	`</label>`
108	`<input id="date" name="date" type="text" value="" />`	108	`<input id="date" name="date" type="text" value="" />`
109	`</li>`	109	`</li>`
110	`</ul>`	110	`</ul>`
111	`</fieldset>`	111	`</fieldset>`
112	`<fieldset id="partie-station">`	112	`<fieldset id="partie-station">`
113	`<legend>Lieu du relevé</legend>`	113	`<legend>Lieu du relevé</legend>`
114	`<ul>`	114	`<ul>`
115	`<li>`	115	`<li>`
116	`<ul>`	116	`<ul>`
117	`<li>`	117	`<li>`
118	`<label for="rue" title="Indiquer le nom de la rue">`	118	`<label for="rue" title="Indiquer le nom de la rue">`
119	`<strong class="obligatoire">*</strong>`	119	`<strong class="obligatoire">*</strong>`
120	`Rue`	120	`Rue`
121	`</label>`	121	`</label>`
122	`<input id="rue" name="rue" type="text" value="" />`	122	`<input id="rue" name="rue" type="text" value="" />`
123	`</li>`	123	`</li>`
124	`<li>`	124	`<li>`
125	`<ul id="rue_numeros">`	125	`<ul id="rue_numeros">`
126	`<li>`	126	`<li>`
127	`<label for="rue_num_debut" title="Indiquer le numéro de début de la rue">`	127	`<label for="rue_num_debut" title="Indiquer le numéro de début de la rue">`
128	`<strong class="obligatoire">*</strong>`	128	`<strong class="obligatoire">*</strong>`
129	`N° début`	129	`N° début`
130	`</label>`	130	`</label>`
131	`<input id="rue_num_debut" name="rue_num_debut" type="text" value="" />`	131	`<input id="rue_num_debut" name="rue_num_debut" type="text" value="" />`
132	`</li>`	132	`</li>`
133	`<li>`	133	`<li>`
134	`<label for="rue_num_fin" title="Indiquer le numéro de fin de la rue">`	134	`<label for="rue_num_fin" title="Indiquer le numéro de fin de la rue">`
135	`<strong class="obligatoire">*</strong>`	135	`<strong class="obligatoire">*</strong>`
136	`N° fin`	136	`N° fin`
137	`</label>`	137	`</label>`
138	`<input id="rue_num_fin" name="rue_num_fin" type="text" value="" />`	138	`<input id="rue_num_fin" name="rue_num_fin" type="text" value="" />`
139	`</li>`	139	`</li>`
140	`</ul>`	140	`</ul>`
141	`<hr class="nettoyage" />`	141	`<hr class="nettoyage" />`
142	`</li>`	142	`</li>`
143	`<li>`	143	`<li>`
144	`<label for="rue_cote" title="Choisissez un type de côté de rue">`	144	`<label for="rue_cote" title="Choisissez un type de côté de rue">`
145	`<strong class="obligatoire">*</strong>`	145	`<strong class="obligatoire">*</strong>`
146	`Côté`	146	`Côté`
147	`</label>`	147	`</label>`
148	`<select id="rue_cote" name="rue_cote">`	148	`<select id="rue_cote" name="rue_cote">`
149	`<option value="">Sélectionner un type de côté</option>`	149	`<option value="">Sélectionner un type de côté</option>`
150	`<option value="pair">Pair</option>`	150	`<option value="pair">Pair</option>`
151	`<option value="impair">Impair</option>`	151	`<option value="impair">Impair</option>`
152	`<option value="2cotes">Les deux</option>`	152	`<option value="2cotes">Les deux</option>`
153	`</select>`	153	`</select>`
154	`</li>`	154	`</li>`
155	`</ul>`	155	`</ul>`
156	`</li>`	156	`</li>`
157	`</ul>`	157	`</ul>`
158	`</fieldset>`	158	`</fieldset>`
159	`<fieldset id="partie-observation">`	159	`<fieldset id="partie-observation">`
160	`<legend>Observations</legend>`	160	`<legend>Observations</legend>`
161	`<ul>`	161	`<ul>`
162	`<li>`	162	`<li>`
163	`<label for="taxon" title="Choisissez une espèce">`	163	`<label for="taxon" title="Choisissez une espèce">`
164	`<strong class="obligatoire">*</strong>`	164	`<strong class="obligatoire">*</strong>`
165	`Espèce`	165	`Espèce`
166	`</label>`	166	`</label>`
167	`<select id="taxon" name="taxon">`	167	`<select id="taxon" name="taxon">`
168	`<option value="">Sélectionner un taxon</option>`	168	`<option value="">Sélectionner un taxon</option>`
169	`<?php foreach ($taxons as $taxon) :?>`	169	`<?php foreach ($taxons as $taxon) :?>`
170	`<option value="<?=$taxon['num_nom_sel']?>"`	170	`<option value="<?=$taxon['num_nom_sel']?>"`
171	`title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">`	171	`title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">`
172	`<?=$taxon['nom_fr']?>`	172	`<?=$taxon['nom_fr']?>`
173	`</option>`	173	`</option>`
174	`<?php endforeach; ?>`	174	`<?php endforeach; ?>`
175	`</select>`	175	`</select>`
176	`</li>`	176	`</li>`
177	`<li>`	177	`<li>`
178	`<label for="liste-milieux" title="Veuillez sélectionner un milieu">`	178	`<label for="liste-milieux" title="Veuillez sélectionner un milieu">`
179	`<strong class="obligatoire">*</strong>`	179	`<strong class="obligatoire">*</strong>`
180	`Milieu`	180	`Milieu`
181	`</label>`	181	`</label>`
182	`<ul id="liste-milieux">`	182	`<ul id="liste-milieux">`
183	`<?php foreach ($milieux as $milieu => $description) : ?>`	183	`<?php foreach ($milieux as $milieu => $description) : ?>`
184	`<li>`	184	`<li>`
185	`<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>"`	185	`<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>"`
186	`<?=($description != '') ? 'title="'.$description.'"': '' ?>/>`	186	`<?=($description != '') ? 'title="'.$description.'"': '' ?>/>`
187	`<?=$milieu?>`	187	`<?=$milieu?>`
188	`</li>`	188	`</li>`
189	`<?php endforeach; ?>`	189	`<?php endforeach; ?>`
190	`</ul>`	190	`</ul>`
191	`<hr class="nettoyage" />`	191	`<hr class="nettoyage" />`
192	`</li>`	192	`</li>`
193	`<li>`	193	`<li>`
194	`<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation">`	194	`<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation">`
195	`<strong class="obligatoire">*</strong> Géolocalisation`	195	`<strong class="obligatoire">*</strong> Géolocalisation`
196	`</label>`	196	`</label>`
197	`</li>`	197	`</li>`
198	`<li id="map-canvas"></li>`	198	`<li id="map-canvas"></li>`
199	`<li>`	199	`<li>`
200	`<label for="coordonnees-geo">`	200	`<label for="coordonnees-geo">`
201	`<a href="#" class="afficher-coord">Afficher</a>`	201	`<a href="#" class="afficher-coord">Afficher</a>`
202	`<a href="#" class="afficher-coord" style="display:none;">Cacher</a>`	202	`<a href="#" class="afficher-coord" style="display:none;">Cacher</a>`
203	`Les coordonnées géographiques`	203	`Les coordonnées géographiques`
204	`<span id="lat-lon-info" class="info"`	204	`<span id="lat-lon-info" class="info"`
205	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`	205	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`
206	`(WGS84)`	206	`(WGS84)`
207	`</span>`	207	`</span>`
208	`</label>`	208	`</label>`
209	`<ul id="coordonnees-geo" style="display:none;">`	209	`<ul id="coordonnees-geo" style="display:none;">`
210	`<li id="coord-lat">`	210	`<li id="coord-lat">`
211	`<label for="latitude">Latitude</label>`	211	`<label for="latitude">Latitude</label>`
212	`<input id="latitude" name="latitude" type="text" value=""/>`	212	`<input id="latitude" name="latitude" type="text" value=""/>`
213	`</li>`	213	`</li>`
214	`<li id="coord-lng">`	214	`<li id="coord-lng">`
215	`<label for="longitude">Longitude</label>`	215	`<label for="longitude">Longitude</label>`
216	`<input id="longitude" name="longitude" type="text" value=""/>`	216	`<input id="longitude" name="longitude" type="text" value=""/>`
217	`</li>`	217	`</li>`
218	`<li id="info-commune">`	218	`<li id="info-commune">`
219	`<label for="marqueur-commune">Commune</label>`	219	`<label for="marqueur-commune">Commune</label>`
220	`<span id="marqueur-commune">`	220	`<span id="marqueur-commune">`
221	`<span id="commune-nom" class="commune-info"></span>`	221	`<span id="commune-nom" class="commune-info"></span>`
222	`(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)`	222	`(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune"></span>)`
223	`</span>`	223	`</span>`
224	`</li>`	224	`</li>`
225	`<li>`	225	`<li>`
226	`<input id="geolocaliser" type="button" value="Voir sur la carte"/>`	226	`<input id="geolocaliser" type="button" value="Voir sur la carte"/>`
227	`</li>`	227	`</li>`
228	`</ul>`	228	`</ul>`
229	`</li>`	229	`</li>`
230	`<li>`	230	`<li>`
231	`<hr class="nettoyage" />`	231	`<hr class="nettoyage" />`
232	`</li>`	232	`</li>`
233	`<li>`	233	`<li>`
234	`<label for="notes">Notes</label>`	234	`<label for="notes">Notes</label>`
235	`<textarea id="notes" name="notes" rows="3" cols="4"></textarea>`	235	`<textarea id="notes" name="notes" rows="3" cols="4"></textarea>`
236	`</li>`	236	`</li>`
237	`</ul>`	237	`</ul>`
238	`</fieldset>`	238	`</fieldset>`
239	`</div><!-- zone-fiche-terrain-->`	239	`</div><!-- zone-fiche-terrain-->`
240	`</form>`	240	`</form>`
241		241
242	`<div id="zone-fiche-terrain-photo">`	242	`<div id="zone-fiche-terrain-photo">`
243	`<form id="form-upload" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`	243	`<form id="form-upload" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`
244	`method="post" enctype="multipart/form-data">`	244	`method="post" enctype="multipart/form-data">`
245	`<fieldset id="partie-photo">`	245	`<fieldset id="partie-photo">`
246	`<legend>Ajouter une photo</legend>`	246	`<legend>Ajouter une photo</legend>`
247	`<p id="miniature-info" class="discretion">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>`	247	`<p id="miniature-info" class="discretion">La photo doit être au format JPEG et ne doit pas excéder 5Mo.</p>`
248	`<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>`	248	`<input type="file" id="fichier" name="fichier" accept="image/jpeg"/>`
249	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`	249	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`
250	`<p id="miniature-msg"> </p>`	250	`<p id="miniature-msg"> </p>`
251	`<div id="miniature"></div>`	251	`<div id="miniature"></div>`
252	`<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>`	252	`<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>`
253	`</fieldset>`	253	`</fieldset>`
254	`</form>`	254	`</form>`
255		255
256	`<div>`	256	`<div>`
257	`<button id="ajouter-obs" type="button">Ajouter</button>`	257	`<button id="ajouter-obs" type="button">Ajouter</button>`
258	`</div>`	258	`</div>`
259	`</div><!-- zone-fiche-terrain-photo -->`	259	`</div><!-- zone-fiche-terrain-photo -->`
260		260
261	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`	261	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`
262	`<div id="zone-liste-obs">`	262	`<div id="zone-liste-obs">`
263	`<form action="#" >`	263	`<form action="#" >`
264	`<fieldset id="partie-preview">`	264	`<fieldset id="partie-preview">`
265	`<legend>Liste des observations à transmettre</legend>`	265	`<legend>Liste des observations à transmettre</legend>`
266	`<table id="liste-obs">`	266	`<table id="liste-obs">`
267	`<thead>`	267	`<thead>`
268	`<tr>`	268	`<tr>`
269	`<th>N°</th>`	269	`<th>N°</th>`
270	`<th>Date</th>`	270	`<th>Date</th>`
271	`<th>Adresse</th>`	271	`<th>Adresse</th>`
272	`<th>Nom</th>`	272	`<th>Nom</th>`
273	`<th>Milieu</th>`	273	`<th>Milieu</th>`
274	`<th title="Latitude / Longitude">Lat./Long.</th>`	274	`<th title="Latitude / Longitude">Lat./Long.</th>`
275	`<th>Photo</th>`	275	`<th>Photo</th>`
276	`<th>Notes</th>`	276	`<th>Notes</th>`
277	`<th></th>`	277	`<th></th>`
278	`</tr>`	278	`</tr>`
279	`</thead>`	279	`</thead>`
280	`<tbody></tbody>`	280	`<tbody></tbody>`
281	`</table>`	281	`</table>`
282	`<button id="transmettre-obs" type="button">Transmettre</button>`	282	`<button id="transmettre-obs" type="button">Transmettre</button>`
283	`</fieldset>`	283	`</fieldset>`
284	`</form>`	284	`</form>`
285	`</div> <!-- zone-liste-obs : wrap3 -->`	285	`</div> <!-- zone-liste-obs : wrap3 -->`
286	`</div>`	286	`</div>`
287		287
288	`<!-- Messages d'erreur du formulaire-->`	288	`<!-- Messages d'erreur du formulaire-->`
289	`<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">`	289	`<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">`
290	`<p>`	290	`<p>`
291	`Merci de ne pas copier/coller votre courriel.<br/>`	291	`Merci de ne pas copier/coller votre courriel.<br/>`
292	`La double saisie permet de vérifier l'absence d'erreurs.`	292	`La double saisie permet de vérifier l'absence d'erreurs.`
293	`</p>`	293	`</p>`
294	`</div>`	294	`</div>`
295	`<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">`	295	`<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">`
296	`<p>Veuillez saisir des observations pour les transmettres.</p>`	296	`<p>Veuillez saisir des observations pour les transmettres.</p>`
297	`</div>`	297	`</div>`
298	`<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">`	298	`<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">`
299	`<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>`	299	`<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>`
300	`</div>`	300	`</div>`
301		301
302	`<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>`	302	`<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>`
303		303
304	`<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>`	304	`<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>`
305		305
306	`<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>`	306	`<div id="dialogue-erreur" style="display: none;" title="Erreur"></div>`
307		307
308	`<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;">`	308	`<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;">`
309	`<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">`	309	`<div id="chargement-centrage" style="position:relative;width:30%;margin:0 auto;top:30%;">`
310	`<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>`	310	`<img id="chargement-img" src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif" alt="Transfert en cours..."/>`
311	`<p id="chargement-txt" style="color:white;font-size:1.5em;">`	311	`<p id="chargement-txt" style="color:white;font-size:1.5em;">`
312	`Transfert des observations en cours...<br />`	312	`Transfert des observations en cours...<br />`
313	`Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.`	313	`Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observation à transférer.`
314	`</p>`	314	`</p>`
315	`</div>`	315	`</div>`
316	`</div>`	316	`</div>`
317		317
318	`<!-- Stats : Google Analytics-->`	318	`<!-- Stats : Google Analytics-->`
319	`<script type="text/javascript">`	319	`<script type="text/javascript">`
320	`//<![CDATA[`	320	`//<![CDATA[`
321	`var _gaq = _gaq \|\| [];`	321	`var _gaq = _gaq \|\| [];`
322	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	322	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
323	`_gaq.push(['_trackPageview']);`	323	`_gaq.push(['_trackPageview']);`
324		324
325	`(function() {`	325	`(function() {`
326	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	326	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
327	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	327	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
328	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	328	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
329	`})();`	329	`})();`
330	`//]]>`	330	`//]]>`
331	`</script>`	331	`</script>`
332	`</body>`	332	`</body>`
333	`</html>`	333	`</html>`

Subversion Repositories eFlore/Applications.cel

(root)/branches/v1.5-cisaille/widget/modules/saisie/squelettes/sauvages/sauvages.tpl.html – Rev 1206 → 1207