Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
712 jpm 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">
3 
	<head>
4 
		<title>Biodiversité 34</title>
5 
 
6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7 
		<meta http-equiv="Content-style-type" content="text/css" />
8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
9 
		<meta http-equiv="Content-language" content="fr" />
10 
 
11 
		<meta name="revisit-after" content="15 days" />
12 
        <meta name="robots" content="index,follow" />
13 
        <meta name="author" content="Delphine CAUQUIL, Jean-Pascal MILCENT" />
14 
        <meta name="keywords" content="Tela Botanica, Biodiversité34, CG34, CEL" />
15 
        <meta name="description" content="Widget de saisie simplifié pour le projet Biodiversité 34" />
16 
 
17 
		<!-- Favicones -->
18 
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
19 
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
20 
 
21 
		<!-- Javascript : bibliothèques -->
22 
		<!-- 	Google Map v3 -->
23 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&amp;sensor=true"></script>
24 
		<!-- 	Jquery -->
25 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6/jquery-1.6.min.js"></script>
26 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.13/js/jquery-ui-1.8.13.custom.min.js"></script>
27 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.13/js/jquery.ui.datepicker-fr.js"></script>
28 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
29 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/biodiversite34/js/biodiversite34.js"></script>
30 
 
31 
		<!-- CSS -->
32 
		<link href="<?=$url_base?>modules/saisie/squelettes/biodiversite34/css/biodiversite34.css" rel="stylesheet" type="text/css" media="screen" />
33 
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.13/css/ui-darkness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" />
34 
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
35 
 
36 
		<!-- Stats : Google Analytics -->
37 
		<script type="text/javascript">
38 
			//<![CDATA[
39 
			var _gaq = _gaq || [];
40 
			_gaq.push(['_setAccount', 'UA-20092557-1']);
41 
			_gaq.push(['_trackPageview']);
42 
 
43 
			(function() {
44 
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
45 
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
46 
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
47 
			})();
48 
			//]]>
49 
		</script>
50 
	</head>
51 
 
52 
	<body>
53 
	<h1>Biodiversité 34</h1>
54 
 
55 
	<h2>Saisie des observations</h2>
56 
	<form action="#">
57 
		<fieldset>
58 
			<legend>Identification</legend>
59 
			<label for="prenom">Prénom</label>
60 
			<input id="prenom" name="prenom" type="text" value="" />
61 
			<label for="nom">NOM</label>
62 
			<input id="nom" name="nom" type="text" value="" />
63 
			<label for="courriel">Courriel</label>
64 
			<input id="courriel" name="courriel" type="text" value="" />
65 
			<label for="courriel-confirmation">Courriel (confirmation)</label>
66 
			<input id="courriel-confirmation" name="courriel-confirmation" type="text" value="" />
67 
		</fieldset>
68 
		<fieldset>
69 
			<legend>Station / Localisation</legend>
70 
			<label for="milieu">Milieu</label>
71 
			<select id="milieu" name="milieu">
72 
				<option value="Trottoir">Trottoir</option>
73 
			</select>
74 
			<label for="latitude">Latitude</label>
75 
			<input id="latitude" name="latitude" type="text" value="" />
76 
			<label for="longitude">Longitude</label>
77 
			<input id="longitude" name="longitude" type="text" value="" />
78 
			<button type="button">Repérer la localisation sur une carte Google Map</button>
79 
		</fieldset>
80 
		<fieldset>
81 
			<legend>Observation</legend>
82 
			<label for="date">Date</label>
83 
			<input id="date" name="date" type="text" value="" />
84 
			<label for="taxon">Espèce</label>
85 
			<select id="taxon" name="taxon">
86 
			<?php foreach ($taxons as $taxon) : ?>
87 
				<option value="<?=$taxon['num_nom_sel']?>"><?=$taxon['nom_fr']?></option>
88 
			<?php endforeach; ?>
89 
			</select>
90 
			<label for="notes">Notes</label>
91 
			<textarea id="notes" name="notes"></textarea>
92 
			<button id="ajouter-obs" type="button">Ajouter</button>
93 
		</fieldset>
94 
 
95 
	</form>
96 
 
97 
	<h2>Liste des observations à transmettre</h2>
98 
	<form action="#">
99 
		<table id="liste-obs">
100 
			<thead><tr><th>Numéro</th><th>Date</th><th>Nom</th><th>Notes</th><th>Suppression</th></tr></thead>
101 
			<tbody></tbody>
102 
		</table>
103 
		<button id="tramsmettre-obs" type="button">Transmettre</button>
104 
	</form>
105 
 
106 
	<div id="dialogue-bloquer-copier-coller" style="display: none;" title="Information copier/coller">
107 
		<p>
108 
			Merci de ne pas copier/coller votre courriel.<br/>
109 
			La double saisie permet de vérifier l'absence d'erreurs.
110 
		</p>
111 
	</div>
112 
	<div id="dialogue-zero-obs" style="display: none;" title="Information aucune observation">
113 
		<p>
114 
			Veuillez saisir des observations pour les transmettres.
115 
		</p>
116 
	</div>
117 
 
118 
	</body>
119 
</html>