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 '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/sauvages.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
 
	<body>
		<h1><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>
							<br />
							<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="adresse" title="Information sur la localisation">
								Adresse
							</label>
							<input id="adresse" name="adresse" type="text" value="" class="champ-long"/>
						</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">&nbsp;</span>
						    			(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune">?</span>)
						    		</span>
					    		</li>
								<li>
									<input type="button" value="Trouver l'adresse" onclick="codeLatLng()"/>
								</li>
							</ul>
						</li>
						<li>
							<hr class="nettoyage" />
						</li>
						<li>
							<label for="notes">Notes</label>
							<textarea id="notes" name="notes" rows="5" 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>					
					<input type="file" id="fichier" name="fichier"/>
					<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 
					<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 -->
		
		<!-- 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">
		
		<!-- 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 1073	Rev 1093
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 'ville' dans l'URL géolocalise`
-		44	`var VILLE = "<?=isset($_GET['ville']) ? $_GET['ville'] : ''?>";`
43	`// URL du web service réalisant l'insertion des données dans la base du CEL.`	45	`// URL du web service réalisant l'insertion des données dans la base du CEL.`
44	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`	46	`var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";`
-		47	`// Squelette d'URL du web service d'eFlore fournissant les noms de communes.`
-		48	`var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:osm/0.1/nom-commune?lon={lon}&lat={lat}";`
45	`// URL du marqueur à utiliser dans la carte Google Map`	49	`// URL du marqueur à utiliser dans la carte Google Map`
46	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fleur.png";`	50	`var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/marqueurs/fleur.png";`
47	`// URL de l'icône du bouton supprimer`	51	`// URL de l'icône du bouton supprimer`
48	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";`	52	`var SUPPRIMER_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/supprimer.png";`
49	`// URL de l'icône du chargement en cours`	53	`// URL de l'icône du chargement en cours`
50	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";`	54	`var CHARGEMENT_ICONE_URL = "<?=$url_base?>/modules/saisie/squelettes/sauvages/images/icones/chargement.gif";`
51	`//]]>`	55	`//]]>`
52	`</script>`	56	`</script>`
53		57
54	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>`	58	`<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/sauvages/js/sauvages.js"></script>`
55		59
56	`<!-- CSS -->`	60	`<!-- CSS -->`
57	`<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" />`	61	`<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" />`
58	`<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/sauvages.css" rel="stylesheet" type="text/css" media="screen" />`	62	`<link href="<?=$url_base?>modules/saisie/squelettes/sauvages/css/sauvages.css" rel="stylesheet" type="text/css" media="screen" />`
59	`</head>`	63	`</head>`
60		64
61	`<body>`	65	`<body>`
62	`<h1><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>`	66	`<h1><img src="<?=$url_base?>/modules/saisie/squelettes/sauvages/images/logos/sdmr.png" alt="Sauvages de ma rue : Saisie des observations"/></h1>`
63		67
64	`<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">`	68	`<form id="saisie-obs" action="#" enctype="multipart/form-data" autocomplete="on">`
65	`<fieldset id="partie-identification">`	69	`<fieldset id="partie-identification">`
66	`<legend>Observateur</legend>`	70	`<legend>Observateur</legend>`
67	`<ul>`	71	`<ul>`
68	`<li>`	72	`<li>`
69	`<label for="prenom">Prénom</label>`	73	`<label for="prenom">Prénom</label>`
70	`<input id="prenom" name="prenom" type="text" value=""/>`	74	`<input id="prenom" name="prenom" type="text" value=""/>`
71	`</li>`	75	`</li>`
72	`<li>`	76	`<li>`
73	`<label for="nom">Nom</label>`	77	`<label for="nom">Nom</label>`
74	`<input id="nom" name="nom" type="text" value=""/>`	78	`<input id="nom" name="nom" type="text" value=""/>`
75	`</li>`	79	`</li>`
76	`<li>`	80	`<li>`
77	`<label for="courriel" class="oblig"`	81	`<label for="courriel" class="oblig"`
78	`title="Veuillez saisir votre adresse courriel. Elle ne sera pas utilisée à des fins commerciales.">`	82	`title="Veuillez saisir votre adresse courriel. Elle ne sera pas utilisée à des fins commerciales.">`
79	`<strong class="obligatoire">*</strong> Courriel`	83	`<strong class="obligatoire">*</strong> Courriel`
80	`</label>`	84	`</label>`
81	`<input id="courriel" name="courriel" type="text" value=""/>`	85	`<input id="courriel" name="courriel" type="text" value=""/>`
82	`</li>`	86	`</li>`
83	`<li>`	87	`<li>`
84	`<label for="courriel_confirmation" class="oblig" title="Veuillez saisir confirmer votre adresse courriel">`	88	`<label for="courriel_confirmation" class="oblig" title="Veuillez saisir confirmer votre adresse courriel">`
85	`<strong class="obligatoire">*</strong> Courriel (confirmation)`	89	`<strong class="obligatoire">*</strong> Courriel (confirmation)`
86	`</label>`	90	`</label>`
87	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`	91	`<input id="courriel_confirmation" name="courriel_confirmation" type="text" value=""/>`
88	`</li>`	92	`</li>`
89	`</ul>`	93	`</ul>`
90	`</fieldset>`	94	`</fieldset>`
91		95
92	`<h2>Fiche de terrain</h2>`	96	`<h2>Fiche de terrain</h2>`
93	`<div id="zone-fiche-terrain">`	97	`<div id="zone-fiche-terrain">`
94	`<fieldset id="partie-date">`	98	`<fieldset id="partie-date">`
95	`<legend>Date du relevé</legend>`	99	`<legend>Date du relevé</legend>`
96	`<ul>`	100	`<ul>`
97	`<li>`	101	`<li>`
98	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`	102	`<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">`
99	`<strong class="obligatoire">*</strong> Date du relevé`	103	`<strong class="obligatoire">*</strong> Date du relevé`
100	`</label>`	104	`</label>`
101	`<input id="date" name="date" type="text" value="" />`	105	`<input id="date" name="date" type="text" value="" />`
102	`</li>`	106	`</li>`
103	`</ul>`	107	`</ul>`
104	`</fieldset>`	108	`</fieldset>`
105	`<fieldset id="partie-station">`	109	`<fieldset id="partie-station">`
106	`<legend>Lieu du relevé</legend>`	110	`<legend>Lieu du relevé</legend>`
107	`<ul>`	111	`<ul>`
108	`<li>`	112	`<li>`
109	`<ul>`	113	`<ul>`
110	`<li>`	114	`<li>`
111	`<label for="rue" title="Indiquer le nom de la rue">`	115	`<label for="rue" title="Indiquer le nom de la rue">`
112	`<strong class="obligatoire">*</strong>`	116	`<strong class="obligatoire">*</strong>`
113	`Rue`	117	`Rue`
114	`</label>`	118	`</label>`
115	`<input id="rue" name="rue" type="text" value="" />`	119	`<input id="rue" name="rue" type="text" value="" />`
116	`</li>`	120	`</li>`
117	`<li>`	121	`<li>`
-		122	`<ul id="rue_numeros">`
-		123	`<li>`
118	`<label for="rue_num_debut" title="Indiquer le numéro de début de la rue">`	124	`<label for="rue_num_debut" title="Indiquer le numéro de début de la rue">`
119	`<strong class="obligatoire">*</strong>`	125	`<strong class="obligatoire">*</strong>`
120	`N° début`	126	`N° début`
121	`</label>`	127	`</label>`
122	`<input id="rue_num_debut" name="rue_num_debut" type="text" value="" />`	128	`<input id="rue_num_debut" name="rue_num_debut" type="text" value="" />`
123	`</li>`	129	`</li>`
124	`<li>`	130	`<li>`
125	`<label for="rue_num_fin" title="Indiquer le numéro de fin de la rue">`	131	`<label for="rue_num_fin" title="Indiquer le numéro de fin de la rue">`
126	`<strong class="obligatoire">*</strong>`	132	`<strong class="obligatoire">*</strong>`
127	`N° fin`	133	`N° fin`
128	`</label>`	134	`</label>`
129	`<input id="rue_num_fin" name="rue_num_fin" type="text" value="" />`	135	`<input id="rue_num_fin" name="rue_num_fin" type="text" value="" />`
-		136	`</li>`
-		137	`</ul>`
-		138	`<hr class="nettoyage" />`
130	`</li>`	139	`</li>`
131	`<li>`	140	`<li>`
132	`<label for="rue_cote" title="Choisissez un type de côté de rue">`	141	`<label for="rue_cote" title="Choisissez un type de côté de rue">`
133	`<strong class="obligatoire">*</strong>`	142	`<strong class="obligatoire">*</strong>`
134	`Côté`	143	`Côté`
135	`</label>`	144	`</label>`
136	`<select id="rue_cote" name="rue_cote">`	145	`<select id="rue_cote" name="rue_cote">`
137	`<option value="">Sélectionner un type de côté</option>`	146	`<option value="">Sélectionner un type de côté</option>`
138	`<option value="pair">Pair</option>`	147	`<option value="pair">Pair</option>`
139	`<option value="impair">Impair</option>`	148	`<option value="impair">Impair</option>`
140	`<option value="2cotes">Les deux</option>`	149	`<option value="2cotes">Les deux</option>`
141	`</select>`	150	`</select>`
142	`</li>`	151	`</li>`
143	`</ul>`	152	`</ul>`
144	`</li>`	153	`</li>`
145	`</ul>`	154	`</ul>`
146	`</fieldset>`	155	`</fieldset>`
147	`<fieldset id="partie-observation">`	156	`<fieldset id="partie-observation">`
148	`<legend>Observations</legend>`	157	`<legend>Observations</legend>`
149	`<ul>`	158	`<ul>`
150	`<li>`	159	`<li>`
151	`<label for="taxon" title="Choisissez une espèce">`	160	`<label for="taxon" title="Choisissez une espèce">`
152	`<strong class="obligatoire">*</strong>`	161	`<strong class="obligatoire">*</strong>`
153	`Espèce`	162	`Espèce`
154	`</label>`	163	`</label>`
155	`<select id="taxon" name="taxon">`	164	`<select id="taxon" name="taxon">`
156	`<option value="">Sélectionner un taxon</option>`	165	`<option value="">Sélectionner un taxon</option>`
157	`<?php foreach ($taxons as $taxon) :?>`	166	`<?php foreach ($taxons as $taxon) :?>`
158	`<option value="<?=$taxon['num_nom_sel']?>"`	167	`<option value="<?=$taxon['num_nom_sel']?>"`
159	`title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">`	168	`title="<?=$taxon['nom_sel'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">`
160	`<?=$taxon['nom_fr']?>`	169	`<?=$taxon['nom_fr']?>`
161	`</option>`	170	`</option>`
162	`<?php endforeach; ?>`	171	`<?php endforeach; ?>`
163	`</select>`	172	`</select>`
164	`</li>`	173	`</li>`
165	`<li>`	174	`<li>`
166	`<label for="liste-milieux" title="Veuillez sélectionner un milieu">`	175	`<label for="liste-milieux" title="Veuillez sélectionner un milieu">`
167	`<strong class="obligatoire">*</strong>`	176	`<strong class="obligatoire">*</strong>`
168	`Milieu`	177	`Milieu`
169	`</label>`	178	`</label>`
170	`<br />`	179	`<br />`
171	`<ul id="liste-milieux">`	180	`<ul id="liste-milieux">`
172	`<?php foreach ($milieux as $milieu => $description) : ?>`	181	`<?php foreach ($milieux as $milieu => $description) : ?>`
173	`<li>`	182	`<li>`
174	`<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>"`	183	`<input type="radio" class="milieu" name="milieu" value="<?=$milieu?>"`
175	`<?=($description != '') ? 'title="'.$description.'"': '' ?>/>`	184	`<?=($description != '') ? 'title="'.$description.'"': '' ?>/>`
176	`<?=$milieu?>`	185	`<?=$milieu?>`
177	`</li>`	186	`</li>`
178	`<?php endforeach; ?>`	187	`<?php endforeach; ?>`
179	`</ul>`	188	`</ul>`
180	`<hr class="nettoyage" />`	189	`<hr class="nettoyage" />`
181	`</li>`	190	`</li>`
182	`<li>`	191	`<li>`
183	`<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation">`	192	`<label for="map_canvas" class="oblig" title="Veuillez localiser l'observation">`
184	`<strong class="obligatoire">*</strong> Géolocalisation`	193	`<strong class="obligatoire">*</strong> Géolocalisation`
185	`</label>`	194	`</label>`
186	`</li>`	195	`</li>`
187	`<li id="map_canvas" style="width:500px; height:240px;" ></li>`	196	`<li id="map-canvas"></li>`
188	`<li>`	197	`<li>`
189	`<label for="adresse" title="Information sur la localisation">`	198	`<label for="adresse" title="Information sur la localisation">`
190	`Adresse`	199	`Adresse`
191	`</label>`	200	`</label>`
192	`<input id="adresse" name="adresse" type="text" value=""/>`	201	`<input id="adresse" name="adresse" type="text" value="" class="champ-long"/>`
193	`</li>`	202	`</li>`
194	`<li>`	203	`<li>`
-		204	`<label for="coordonnees-geo">`
-		205	`<a href="#" class="afficher-coord">Afficher</a>`
-		206	`<a href="#" class="afficher-coord" style="display:none;">Cacher</a>`
195	`<span id="coordonnees-geo">Les coordonnées géographiques</span>`	207	`Les coordonnées géographiques`
-		208	`<span id="lat-lon-info" class="info"`
-		209	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`
-		210	`(WGS84)`
-		211	`</span>`
196	`<ul>`	212	`</label>`
-		213	`<ul id="coordonnees-geo" style="display:none;">`
197	`<li id="masque">`	214	`<li id="coord-lat">`
198	`<label for="latitude">Latitude</label>`	215	`<label for="latitude">Latitude</label>`
199	`<input id="latitude" name="latitude" type="text" value=""/>`	216	`<input id="latitude" name="latitude" type="text" value=""/>`
-		217	`</li>`
-		218	`<li id="coord-lng">`
200	`<label for="longitude">Longitude</label>`	219	`<label for="longitude">Longitude</label>`
201	`<input id="longitude" name="longitude" type="text" value=""/>`	220	`<input id="longitude" name="longitude" type="text" value=""/>`
-		221	`</li>`
-		222	`<li id="info-commune">`
-		223	`<label for="marqueur-commune">Commune</label>`
-		224	`<span id="marqueur-commune">`
202	`<span id="lat-lon-info" class="info"`	225	`<span id="commune-nom" class="commune-info"> </span>`
203	`title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">`	226	`(<span id="commune-code-insee" class="commune-info" title="Code INSEE de la commune">?</span>)`
204	`(WGS84)`	227	`</span>`
-		228	`</li>`
205	`</span>`	229	`<li>`
206	`<input type="button" value="Trouver l'adresse" onclick="codeLatLng()"/>`	230	`<input type="button" value="Trouver l'adresse" onclick="codeLatLng()"/>`
207	`</li>`	231	`</li>`
208	`</ul>`	232	`</ul>`
209	`</li>`	233	`</li>`
210	`<li>`	234	`<li>`
211	`<hr class="nettoyage" />`	235	`<hr class="nettoyage" />`
212	`</li>`	236	`</li>`
213	`<li>`	237	`<li>`
214	`<label for="notes">Notes</label>`	238	`<label for="notes">Notes</label>`
215	`<textarea id="notes" name="notes" rows="5" cols="4"></textarea>`	239	`<textarea id="notes" name="notes" rows="5" cols="4"></textarea>`
216	`</li>`	240	`</li>`
217	`</ul>`	241	`</ul>`
218	`</fieldset>`	242	`</fieldset>`
219	`</div><!-- zone-fiche-terrain-->`	243	`</div><!-- zone-fiche-terrain-->`
220	`</form>`	244	`</form>`
221		245
222	`<div id="zone-fiche-terrain-photo">`	246	`<div id="zone-fiche-terrain-photo">`
223	`<form id="form-upload" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`	247	`<form id="form-upload" action="<?=$url_base?>saisie?projet=sauvages&service=upload-image"`
224	`method="post" enctype="multipart/form-data">`	248	`method="post" enctype="multipart/form-data">`
225	`<fieldset id="partie-photo">`	249	`<fieldset id="partie-photo">`
226	`<legend>Ajouter une photo</legend>`	250	`<legend>Ajouter une photo</legend>`
227	`<input type="file" id="fichier" name="fichier"/>`	251	`<input type="file" id="fichier" name="fichier"/>`
228	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`	252	`<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>`
229	`<input type="submit" value="charger"/>`	-
230	`<div id="miniature"></div>`	253	`<div id="miniature"></div>`
231	`<div><button id="effacer-miniature" type="button" >Effacer</button></div>`	254	`<button id="effacer-miniature" type="button" style="display:none;">Effacer</button>`
232	`</fieldset>`	255	`</fieldset>`
233	`</form>`	256	`</form>`
234		257
235	`<div>`	258	`<div>`
236	`<button id="ajouter-obs" type="button">Ajouter</button>`	259	`<button id="ajouter-obs" type="button">Ajouter</button>`
237	`</div>`	260	`</div>`
238	`</div><!-- zone-fiche-terrain-photo -->`	261	`</div><!-- zone-fiche-terrain-photo -->`
239		262
240	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`	263	`<!-- Affiche le tableau récapitualif des observations ajoutées -->`
241	`<div id="zone-liste-obs">`	264	`<div id="zone-liste-obs">`
242	`<form action="#" >`	265	`<form action="#" >`
243	`<fieldset id="partie-preview">`	266	`<fieldset id="partie-preview">`
244	`<legend>Liste des observations à transmettre</legend>`	267	`<legend>Liste des observations à transmettre</legend>`
245	`<table id="liste-obs">`	268	`<table id="liste-obs">`
246	`<thead>`	269	`<thead>`
247	`<tr>`	270	`<tr>`
248	`<th>N°</th>`	271	`<th>N°</th>`
249	`<th>Date</th>`	272	`<th>Date</th>`
250	`<th>Adresse</th>`	273	`<th>Adresse</th>`
251	`<th>Nom</th>`	274	`<th>Nom</th>`
252	`<th>Milieu</th>`	275	`<th>Milieu</th>`
253	`<th>Latitude</th>`	-
254	`<th>Longitude</th>`	276	`<th title="Latitude / Longitude">Lat./Long.</th>`
255	`<th>Photo</th>`	277	`<th>Photo</th>`
256	`<th>Notes</th>`	278	`<th>Notes</th>`
257	`<th></th>`	279	`<th></th>`
258	`</tr>`	280	`</tr>`
259	`</thead>`	281	`</thead>`
260	`<tbody></tbody>`	282	`<tbody></tbody>`
261	`</table>`	283	`</table>`
262	`<button id="transmettre-obs" type="button">Transmettre</button>`	284	`<button id="transmettre-obs" type="button">Transmettre</button>`
263	`</fieldset>`	285	`</fieldset>`
264	`</form>`	286	`</form>`
265	`</div> <!-- zone-liste-obs : wrap3 -->`	287	`</div> <!-- zone-liste-obs : wrap3 -->`
266		288
267	`<!-- Messages d'erreur du formulaire-->`	289	`<!-- Messages d'erreur du formulaire-->`
268	`<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">`	290	`<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">`
269	`<p>`	291	`<p>`
270	`Merci de ne pas copier/coller votre courriel.<br/>`	292	`Merci de ne pas copier/coller votre courriel.<br/>`
271	`La double saisie permet de vérifier l'absence d'erreurs.`	293	`La double saisie permet de vérifier l'absence d'erreurs.`
272	`</p>`	294	`</p>`
273	`</div>`	295	`</div>`
274	`<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">`	296	`<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">`
275	`<p>Veuillez saisir des observations pour les transmettres.</p>`	297	`<p>Veuillez saisir des observations pour les transmettres.</p>`
276	`</div>`	298	`</div>`
277	`<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">`	299	`<div id="dialogue-form-invalide" style="display: none;" title="Validation du formulaire">`
278	`<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>`	300	`<p>Certains champs n'ont pas été saisis correctement, veuillez vérifier les champs saisis.</p>`
279	`</div>`	301	`</div>`
280		302
281	`<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>`	303	`<div id="dialogue-obs-transaction" style="display: none;" title="Transmission des observations"></div>`
282		304
-		305	`<div id="dialogue-google-map" style="display: none;" title="Information sur Google Map"></div>`
-		306
-		307	`<div id="dialogue-erreur" style="display: none;" title="Erreur">`
-		308
283	`<!-- Stats : Google Analytics-->`	309	`<!-- Stats : Google Analytics-->`
284	`<script type="text/javascript">`	310	`<script type="text/javascript">`
285	`//<![CDATA[`	311	`//<![CDATA[`
286	`var _gaq = _gaq \|\| [];`	312	`var _gaq = _gaq \|\| [];`
287	`_gaq.push(['_setAccount', 'UA-20092557-1']);`	313	`_gaq.push(['_setAccount', 'UA-20092557-1']);`
288	`_gaq.push(['_trackPageview']);`	314	`_gaq.push(['_trackPageview']);`
289		315
290	`(function() {`	316	`(function() {`
291	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`	317	`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
292	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`	318	`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
293	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`	319	`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
294	`})();`	320	`})();`
295	`//]]>`	321	`//]]>`
296	`</script>`	322	`</script>`
297	`</body>`	323	`</body>`
298	`</html>`	324	`</html>`

Subversion Repositories eFlore/Applications.cel

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