Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1720 Rev 1740
Line 1... Line -...
1 
<?php
 - 
 
2 
 
 - 
 
3 
?>
 - 
 
4 
<!DOCTYPE html>
 1 
<!DOCTYPE html>
5 
<html lang="fr">
2 
<html lang="fr" manifest="mobile.appcache">
6 
	<head>
3 
	<head>
7 
		<title>CEL Mobile</title>
4 
		<title>CEL Mobile</title>
Line 8... Line 5...
8
5
9 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
10 
		<meta http-equiv="Content-style-type" content="text/css" />
 7 
		<meta http-equiv="Content-style-type" content="text/css" />
11 
		<meta http-equiv="Content-script-type" content="text/javascript" />
 8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
Line 12... Line 9...
12 
		<meta http-equiv="Content-language" content="fr" />
 9 
		<meta http-equiv="Content-language" content="fr" />
13
10
14 
		<meta name="revisit-after" content="15 days" />
 11 
		<meta name="revisit-after" content="15 days" />
15 
        <meta name="robots" content="index,follow" />
 12 
        <meta name="robots" content="index,follow" />
16 
        <meta name="author" content="Jean-Pascal MILCENT, Mathilde SALTHUN-LASSALLE" />
 13 
        <meta name="author" content="Jean-Pascal MILCENT, Isabelle NEMBROT" />
Line 17... Line 14...
17 
        <meta name="keywords" content="Tela Botanica, CEL, mobile" />
 14 
        <meta name="keywords" content="Tela Botanica, CEL, mobile" />
18 
        <meta name="description" content="Widget de saisie du CEL pour smartphone" />
 15 
        <meta name="description" content="Widget de saisie du CEL pour smartphone" />
Line 33... Line 30...
33 
		<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
 30 
		<script src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
Line 34... Line 31...
34
31
35 
		<!-- Javascript : appli saisie -->
 32 
		<!-- Javascript : appli saisie -->
36 
		<script type="text/javascript">
 33 
		<script type="text/javascript">
37 
		//<![CDATA[
 - 
 
38 
			//$url_base =  "http://www.tela-botanica.org/widget-test:cel:";
 - 
 
39 
			// manifest="<?=$url_base?>modules/saisie/squelettes/mobile/mobile.appcache";
 - 
 
40 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
 - 
 
41 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
 34 
		//<![CDATA[
42 
			// Nombre d'observations max autorisé avant transmission
 35 
			// Nombre d'observations max autorisé avant transmission
- 
 
 36 
			var OBS_MAX_NBRE = 10;
- 
 
 37 
			// Délai d'attente avant de lancer la recherche des noms latins en ms
43 
			var OBS_MAX_NBRE = 10;
 38 
			var DELAI_RECHERCHE = 500;
44 
			// Mot-clé du widget/projet
 39 
			// Mot-clé du widget/projet
45 
			var TAG_PROJET = "WidgetSaisie";
 40 
			var TAG_PROJET = "WidgetSaisie";
46 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
 41 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
- 
 
 42 
			//var SERVICE_SAISIE_URL = "http://www.tela-botanica.org/service:cel:CelWidgetSaisie";
47 
			var SERVICE_SAISIE_URL = "http://www.tela-botanica.org/service:cel:CelWidgetSaisie";
 43 
			var SERVICE_SAISIE_URL = "http://www.tela-botanica.org/test-service:cel:CelWidgetSaisie";
48 
			// URL du web service annuaire des membres du réseau.
 44 
			// URL du web service annuaire des membres du réseau.
49 
			var SERVICE_ANNUAIRE = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/utilisateur/identite-par-courriel/";
 45 
			var SERVICE_ANNUAIRE = "http://www.tela-botanica.org/client/annuaire_nouveau/actuelle/jrest/utilisateur/identite-par-courriel/";
50 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
 46 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
51 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
 - 
 
52 
			// URL de l'icône du calendrier
 - 
 
53 
			var PAS_DE_PHOTO_ICONE_URL = "http://www.tela-botanica.org/widget-test:cel:modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
 47 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
54 
			// Texte en absence de connexion
 48 
			// Texte en absence de connexion
- 
 
 49 
			var TEXTE_HORS_LIGNE = 'Aucune connexion.';
- 
 
 50 
			// Texte en absence de compte
- 
 
 51 
			var TEXTE_NON_COMPTE = 'Aucun compte enregistré.';
- 
 
 52 
			// Texte en presence de compte
55 
			var TEXTE_HORS_LIGNE = "Aucune connexion.";
 53 
			var TEXTE_OUI_COMPTE = 'Ajouter au compte ';
56 
			// Texte d'identification des observations
 54 
			// Texte d'identification des observations
57 
			var TEXTE_OBS = "obsId";
 55 
			var TEXTE_OBS = 'obsId';
58 
			// Texte d'identification des photos
 56 
			// Texte d'identification des photos
59 
			var TEXTE_PHOTO = "photoId";
 57 
			var TEXTE_PHOTO = 'photoId';
60 
		//]]>
 58 
		//]]>
61 
		</script>
 59 
		</script>
- 
 
 60 
		<script type="text/javascript" src="js/mobile.js"></script>
Line 62... Line 61...
62 
		<script type="text/javascript" src="http://162.38.234.16/cel/widget/modules/saisie/squelettes/mobile/js/mobile.js"></script>
 61 
		<script type="text/javascript" src="js/bdtfx.js"></script>
63
62
64 
		<!-- Javascript : Jquery Mobile -->
 63 
		<!-- Javascript : Jquery Mobile -->
Line 65... Line 64...
65 
		<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
 64 
		<script src="http://www.tela-botanica.org/commun/jquery/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
66 
	</head>
 65 
	</head>
67
66
68
67
69 
	<body data-theme="b">
 68 
	<body data-theme="b">
70 
		<div id="menu" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">
 69 
		<div id="menu" data-role="page"> <!--data-add-back-btn="true" data-back-btn-text="Retour"-->
71 
			<div data-role="header">
 70 
			<div data-role="header">
- 
 
 71 
				<h1>Accueil</h1>
- 
 
 72 
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
- 
 
 73 
			</div>
72 
				<h1>Accueil</h1>
 74 
			<div data-role="content" data-theme="g">
73 
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
 75 
				<p class="center">
74 
			</div>
 76 
					Bienvenue sur le Carnet En Ligne mobile ! <br />
75 
			<div data-role="content" data-theme="g">
 77 
				</p>
76 
				<ul data-role="listview">
 78 
				<ul data-role="listview">
77 
					<li>
 79 
					<li>
78 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>
 80 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/187-pencil.png" class="ui-li-icon"/>
79 
						<a href="#saisie" class="saisie" data-role="button">Saisir une observation</a>
 81 
						<a href="#saisie" class="saisie" data-role="button">1 - Saisir une observation</a>
80 
					</li>
 82 
					</li>
81 
					<li>
 83 
					<li>
82 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>
 84 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/179-notepad.png" class="ui-li-icon"/>
83 
						<a href="#liste" data-role="button">Voir mes observations</a>
 85 
						<a href="#liste" data-role="button">2 - Voir mes observations</a>
84 
					</li>
 86 
					</li>
- 
 
 87 
					<li>
85 
					<li>
 88 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>
86 
						<img src="http://www.tela-botanica.org/commun/icones/glyphish/56-cloud.png" class="ui-li-icon"/>
 89 
						<a href="#transmission" data-role="button">3 - Transmettre mes observations</a>
87 
						<a href="#transmission" data-role="button">Transmettre mes observations</a>
 90 
					</li>
88 
					</li>
 - 
 
89 
				</ul>
 91 
					<li></li>
90 
			</div>
 - 
 
91 
			<div data-role="footer" data-position="fixed">
 92 
				</ul>
92 
			</div>
 93 
			</div>
93 
		</div>
 94 
			<div data-role="footer" data-position="fixed"></div>
94
95 
		</div>
95
96 
 
96 
		<div id="saisie" data-role="page">
 97 
		<div id="saisie" data-role="page">
97 
			<div data-role="header" data-position="inline">
 98 
			<div data-role="header" data-position="inline">
98 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
 99 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
99 
				<h1>Saisie</h1>
100 
				<h1>Saisie</h1>
100 
<!-- 			<a href="#liste" data-icon="notepad" data-iconpos="notext">Liste des obs</a> -->
 101 
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
101 
			</div>
 102 
			</div>
102 
			<form id="form_saisie_observation" method="post" action="#">
 103 
			<form id="form-saisie-observation" method="post" action="#">
103 
				<div data-role="content">
 104 
				<div data-role="content">
104 
					<div id="obs-saisie-infos"></div>
 105 
					<div id="obs-saisie-infos"></div>
105 
					<div data-role="fieldcontain">
 - 
 
106 
						<label for="nom">Espèce :</label>
 - 
 
107 
						<input id="nom" type="text" name="nom" value="<?=$_GET['nom_sci']?>" />
 - 
 
108 
<!--
- 
 
109 
<div data-role="fieldcontain">
 106 
					<div data-role="fieldcontain">
110 
<ul data-role="listview" style="height:120px; overflow:scroll; width: 90%" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search cars...">
 - 
 
111 
    <li><a href="#">Acura</a></li>
 107 
						<label for="nom">Espèce : </label>
112 
    <li><a href="#">Audi</a></li>
 - 
 
113 
    <li><a href="#">BMW</a></li>
 - 
 
114 
    <li><a href="#">Cadillac</a></li>
 - 
 
115 
    <li><a href="#">Chrysler</a></li>
 - 
 
116 
    <li><a href="#">Dodge</a></li>
 - 
 
117 
    <li><a href="#">Ferrari</a></li>
 108 
						<span id="nom"></span>
118 
    <li><a href="#">Ford</a></li>
 109
119 
    <li><a href="#">GMC</a></li>
 110 
						<br />
120 
    <li><a href="#">Honda</a></li>
 - 
 
121 
    <li><a href="#">Hyundai</a></li>
 - 
 
122 
    <li><a href="#">Infiniti</a></li>
 - 
 
123 
    <li><a href="#">Jeep</a></li>
 - 
 
124 
    <li><a href="#">Kia</a></li>
 - 
 
125 
    <li><a href="#">Lexus</a></li>
 - 
 
126 
    <li><a href="#">Mini</a></li>
 - 
 
127 
    <li><a href="#">Nissan</a></li>
 - 
 
128 
    <li><a href="#">Porsche</a></li>
 - 
 
129 
    <li><a href="#">Subaru</a></li>
 111 
						<a href="#saisie-popup" id="saisie-popup-btn"
130 
    <li><a href="#">Toyota</a></li>
 112 
								data-role="button" data-icon="search" data-iconpos="right"
131 
    <li><a href="#">Volkswagen</a></li>
 113 
								data-rel="dialog" data-transition="pop" data-theme="b">
132 
    <li><a href="#">Volvo</a></li>
 114 
							Changer l'espèce
- 
 
 115 
						</a>
133 
</ul>
 116 
						<hr />
- 
 
 117 
 
- 
 
 118 
						<label for="date">
Line 134... Line 119...
134 
</div>
 119 
							Date :
135 
-->
 120 
							<span id="date"></span>
136 
						<label for="date">Date :</label>
 121 
						</label>
137 
						<input id="date" type="text" name="date" />
 122 
						<hr />
Line 138... Line 123...
138
123
139 
						<button id="geolocaliser"
124 
						<button id="geolocaliser"
Line 154... Line 139...
154
139
155 
						<br />
 140 
						<br />
156 
						<label for="location">
 141 
						<label for="location">
157 
							Commune :
 142 
							Commune :
158 
							<span id="location"></span>
 143 
							<span id="location"></span>
159 
							<input id="code_insee" type="hidden" name="code_insee" />
 144 
							<input id="code-insee" type="hidden" name="code-insee" />
Line 160... Line 145...
160 
						</label>
 145 
						</label>
- 
 
 146
161
147 
						<br />
Line 162... Line 148...
162 
						<br />
 148 
						<hr />
163 
						<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>
 149 
						<button id="sauver-obs" data-role="button" data-icon="check">Sauver</button>
164
150
165 
						<input id="referentiel" type="hidden" name="referentiel" value="<?=$_GET['ref']?>"/>
 151 
						<input id="referentiel" type="hidden" name="referentiel" />
166 
						<input id="nom_sci_select" type="hidden" name="nom_sci_select" value="<?=$_GET['nom_sci']?>"/>
 152 
						<input id="nom-sci-select" type="hidden" name="nom-sci-select" />
167 
						<input id="num_nom_select" type="hidden" name="num_nom_select" value="<?=$_GET['num_nom']?>"/>
 153 
						<input id="num-nom-select" type="hidden" name="num-nom-select" />
168 
					</div>
 154 
					</div>
169 
				</div>
 155 
				</div>
Line 176... Line 162...
176 
					</div>
 162 
					</div>
177 
				</div>
 163 
				</div>
178 
			</form>
 164 
			</form>
179 
		</div>
 165 
		</div>
Line -... Line 166...
- 
 
 166
- 
 
 167 
		<div id="saisie-popup" data-role="page" data-history="false" data-close-btn="right">
- 
 
 168 
			<div data-role="header">
- 
 
 169 
				<h1></h1>
- 
 
 170 
			</div>
- 
 
 171 
			<div data-role="content">
- 
 
 172 
				<ul id="liste-noms-latins" data-role="listview"
- 
 
 173 
					data-inset="true" data-filter="true" data-filter-reveal="true"
- 
 
 174 
					data-filter-placeholder="Trouver une espèce...">
- 
 
 175 
				</ul>
- 
 
 176 
				<div class="hidden">
- 
 
 177 
					<button id="recherche-chargement" data-theme="a" data-textonly="true" data-textvisible="true" data-msgtext="Chargement des résultats..." ></button>
- 
 
 178 
				</div>
- 
 
 179 
			</div>
Line 180... Line 180...
180
180 
		</div>
181
181
182 
		<div id="liste" data-role="page">
 182 
		<div id="liste" data-role="page">
183 
			<div data-role="header" data-position="inline">
 183 
			<div data-role="header" data-position="inline">
- 
 
 184 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
184 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
 185 
				<h1>Observations</h1>
185 
				<h1>Observations</h1>
 186 
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
186 
			</div>
 187 
			</div>
187 
			<div data-role="content">
 188 
			<div data-role="content">
188 
				<div id="obs-suppression-infos"></div>
 189 
				<div id="obs-suppression-infos"></div>
189 
				<ul id="liste_obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>
 190 
				<ul id="liste-obs" data-role="listview" data-split-icon="delete" data-split-theme="g" data-theme="g" data-inset="true"></ul>
190 
			</div>
 191 
			</div>
191 
			<div data-role="footer" data-position="fixed">
 192 
			<div data-role="footer" data-position="fixed">
192 
				<div data-role="navbar">
 193 
				<div data-role="navbar">
Line 196... Line 197...
196 
					</ul>
 197 
					</ul>
197 
				</div>
 198 
				</div>
198 
			</div>
 199 
			</div>
199 
		</div>
 200 
		</div>
Line 200... Line -...
200
- 
 
201
201
202 
		<div id="observation" data-role="page">
 202 
		<div id="observation" data-role="page">
203 
			<div data-role="header" data-position="inline">
 203 
			<div data-role="header" data-position="inline">
204 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
 204 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
- 
 
 205 
				<h1>Détails de l'observation</h1>
205 
				<h1>Détails de l'observation</h1>
 206 
				<a href="#liste" data-icon="notepad" data-iconpos="notext" ></a>
206 
			</div>
 207 
			</div>
207 
			<div data-role="content">
 208 
			<div data-role="content">
208 
				<label for="id_obs">Identifiant :</label> <span id="id_obs"></span>
 209 
				<label for="id-obs">Identifiant :</label> <span id="id-obs"></span>
Line 209... Line 210...
209 
				<div id="details_obs"></div>
 210 
				<div id="details-obs"></div>
210
211
211 
				<input type="file" id="pic" name="photos_obs[]" accept="image/*" multiple>
 212 
				<input type="file" id="pic" name="photos-obs[]" accept="image/*" multiple>
212 
				<button id="valider_photos"
 213 
				<button id="valider-photos"
213 
						data-role="button" data-icon="search" data-iconpos="" data-ajax="false">
 214 
						data-role="button" data-icon="search" data-iconpos="" data-ajax="false">
- 
 
 215 
					Ajouter les images sélectionnées
- 
 
 216 
				</button>
- 
 
 217 
 
- 
 
 218 
				<div data-role="popup" id="cache-plein" class="ui-content" data-position-to="#valider-photos">
- 
 
 219 
					<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
- 
 
 220 
					<p>
- 
 
 221 
						La mémoire de cette application est pleine. <br />
- 
 
 222 
						Veuillez supprimer des images ou transmettre vos observations.
- 
 
 223 
					</p>
- 
 
 224 
				</div>
- 
 
 225
- 
 
 226 
				<div data-role="popup" id="photo-zoom" class="ui-content">
- 
 
 227 
					<span id="photo-zoom-infos"></span>
- 
 
 228 
					<button data-role="button" data-theme="a" onclick="$('#photo-zoom').popup('close');">
- 
 
 229 
						Fermer cet aperçu
Line 214... Line 230...
214 
					Ajouter les images sélectionnées
 230 
					</button>
215 
				</button>
 231 
				</div>
- 
 
 232
216
233 
				<div id="photo-suppression-infos"></div>
217 
				<div id="photo-suppression-infos"></div>
 234 
				<ul id="photos-obs" data-role="listview" data-inset="true"></ul>
218 
				<ul id="photos_obs" data-role="listview" data-inset="true"></ul>
 235 
				<canvas id="photo-canvas" class="hidden"></canvas>
219 
			</div>
 236 
			</div>
220 
			<div data-role="footer" data-position="fixed">
 237 
			<div data-role="footer" data-position="fixed">
Line 225... Line 242...
225 
					</ul>
 242 
					</ul>
226 
				</div>
 243 
				</div>
227 
			</div>
 244 
			</div>
228 
		</div>
 245 
		</div>
Line 229... Line -...
229
- 
 
230
246
231 
		<div id="transmission" data-role="page">
 247 
		<div id="transmission" data-role="page">
232 
			<div data-role="header">
 248 
			<div data-role="header">
233 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
 249 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
- 
 
 250 
				<h1>Transmission</h1>
- 
 
 251 
				<a href="#infos" data-icon="info" data-iconpos="notext" class="ui-btn-right">Infos</a>
- 
 
 252 
			</div>
- 
 
 253 
			<div data-role="content" data-theme="d">
- 
 
 254 
				<p>
- 
 
 255 
					<span id="identification-texte">
- 
 
 256 
						Ajouter au compte
- 
 
 257 
					</span>
- 
 
 258 
					<strong><span id="utilisateur-compte"></span></strong>
- 
 
 259 
				</p>
- 
 
 260 
				<a href="#identification-popup" id="identification-btn"
- 
 
 261 
					data-role="button" data-icon="grid" data-iconpos="right"
- 
 
 262 
					data-rel="dialog" data-transition="pop" data-theme="b">
- 
 
 263 
						Modifier le compte
- 
 
 264 
				</a>
- 
 
 265 
				<div id="identification-infos"></div>
- 
 
 266 
				<hr />
- 
 
 267 
				<button data-role="button" data-icon="cloud-black" id="transmettre-obs" >
- 
 
 268 
					Transmettre
- 
 
 269 
				</button>
- 
 
 270 
			</div>
- 
 
 271 
			<div data-role="footer" data-position="fixed">
- 
 
 272 
				<div data-role="navbar">
- 
 
 273 
					<ul>
234 
				<h1>Transmission</h1>
 274 
						<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
- 
 
 275 
						<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>
- 
 
 276 
					</ul>
- 
 
 277 
				</div>
- 
 
 278 
			</div>
- 
 
 279 
		</div>
- 
 
 280
- 
 
 281 
		<div id="identification-popup" data-role="page" data-history="false" data-close-btn="right">
- 
 
 282 
			<div data-role="header">
235 
<!--			<a href="#liste" data-icon="notepad" data-iconpos="notext">Observations</a> -->
 283 
				<h1>Compte Tela Botanica</h1>
236 
			</div>
 284 
			</div>
237 
			<form id="form_transmission" method="post" action="#">
 285 
			<form id="form-transmission" method="post" action="#">
238 
				<div data-role="content">
 286 
				<div data-role="content">
239 
					<div data-role="fieldcontain">
287 
					<div data-role="fieldcontain">
240 
						<label for="courriel">Courriel * :</label>
 288 
						<label for="courriel">Courriel * :</label>
241 
						<input id="courriel" type="email" name="courriel"/>
 289 
						<input id="courriel" type="email" name="courriel"/>
Line 242... Line -...
242 
						<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
 - 
 
243
- 
 
244 
						<input type="checkbox" name="courriel_memoire" id="courriel_memoire" checked="checked">
 290 
						<input id="id-utilisateur" name="id-utilisateur" type="hidden"/>
245 
						<label for="courriel_memoire">Se souvenir de moi</label>
 291
246 
						<button id="valider_courriel"
292 
						<button id="valider-courriel" data-role="button"
247 
								data-role="button" data-icon="search" data-iconpos="" data-ajax="false">
 293 
							data-icon="forward" data-iconpos="">
248 
							Valider cet email
 294 
								Vérifier ce compte Tela
- 
 
 295 
						</button>
- 
 
 296 
					</div>
- 
 
 297 
					<div id="zone-courriel-confirmation" data-role="fieldcontain" class="hidden">
- 
 
 298 
						<label for="courriel-confirmation">
- 
 
 299 
							<strong class="obligatoire">*</strong> Courriel (confirmation) :
- 
 
 300 
						</label>
249 
						</button>
 301 
						<input id="courriel-confirmation" name="courriel-confirmation" type="text"/>
250 
					</div>
 302 
					</div>
251 
					<div id="zone_prenom_nom" data-role="fieldcontain" class="hidden">
 303 
					<div id="zone-prenom-nom" data-role="fieldcontain" class="hidden">
252 
						<div>
 304 
						<div>
253 
							<label for="prenom">Prénom :</label>
 305 
							<label for="nom">Nom :</label>
Line 254... Line 306...
254 
							<input id="prenom_utilisateur" name="prenom" type="text"/>
 306 
							<input id="nom-utilisateur" name="nom" type="text"/>
255 
						</div>
 307 
						</div>
256
308
257 
						<div>
 309 
						<div>
258 
							<label for="nom">Nom :</label>
 310 
							<label for="prenom">Prénom :</label>
259 
							<input id="nom_utilisateur" name="nom" type="text"/>
 311 
							<input id="prenom-utilisateur" name="prenom" type="text"/>
260 
						</div>
 312 
						</div>
261 
					</div>
 - 
 
262 
					<div id="zone_courriel_confirmation" data-role="fieldcontain" class="hidden">
 - 
 
263 
						<label for="courriel_confirmation">
 - 
 
264 
							<strong class="obligatoire">*</strong> Courriel (confirmation) : <br />
 313 
					</div>
265 
						</label>
 314 
					<input type="checkbox" name="courriel-memoire" id="courriel-memoire" checked="checked">
266 
						<input id="courriel_confirmation" name="courriel_confirmation" type="text"/>
 - 
 
267 
					</div>
 315 
					<label for="courriel-memoire">Se souvenir de moi</label>
268 
					<button data-role="button" data-icon="cloud-black" onclick="transmettreObs();" >Transmettre</button>
 316
269 
				</div>
 - 
 
270 
				<div data-role="footer" data-position="fixed">
 - 
 
271 
					<div data-role="navbar">
 - 
 
272 
						<ul>
 - 
 
273 
							<li><a href="#saisie" class="saisie" data-role="button" data-icon="pencil" data-iconpos="notext">Saisie</a></li>
 317 
					<button id="valider-identification" data-role="button"
274 
							<li><a href="#liste" data-role="button" data-icon="notepad" data-iconpos="notext">Liste de mes obs.</a></li>
 318 
						data-icon="check" data-iconpos="right" data-theme="b">
275 
						</ul>
 319 
							Valider le formulaire
- 
 
 320 
					</button>
276 
					</div>
 321 
				</div>
277 
				</div>
 - 
 
Line 278... Line 322...
278 
			</form>
 322 
			</form>
279 
		</div>
 323 
			<div data-role="footer"></div>
280
- 
 
281
324 
		</div><!-- /page popup -->
282 
		<div id="infos" data-role="page">
 325
283 
			<div data-role="header">
 326 
		<div id="infos" data-role="page" data-add-back-btn="true" data-back-btn-text="Retour">
284 
				<a href="#menu" data-icon="home" data-iconpos="notext" data-direction="reverse">Accueil</a>
 - 
 
285 
				<h1>Infos</h1>
 327 
			<div data-role="header">
286 
			</div>
 328 
				<h1>Infos</h1>
287 
			<div data-role="content">
 329 
			</div>
288 
				<p>Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>.</p>
 330 
			<div data-role="content">
289 
				<p>
 331 
				<p>
290 
					Développement :
332 
					Développement :
291 
					<ul>
 333 
					<ul>
292 
						<li>Jean-Pascal MILCENT</li>
 334 
						<li>Jean-Pascal MILCENT</li>
293 
						<li>Isabelle NEMBROT</li>
 335 
						<li>Isabelle NEMBROT</li>
294 
					</ul>
 336 
					</ul>
- 
 
 337 
					sur une idée originale de Aurélien PERONNET.
- 
 
 338 
				</p>
295 
					sur une idée originale de Aurélien PERONNET.
 339 
			</div>
- 
 
 340 
			<div data-role="footer" data-position="fixed">
296 
				</p>
 341 
				<p class="center">
297 
			</div>
 342 
					Icônes par <a href="http://glyphish.com">Joseph Wain - Glyphish</a>. <br />
298 
			<div data-role="footer" data-position="fixed">
 343 
					© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a>
299 
				<p>© Copyright <span id="annee"></span> - <a href="http://www.tela-botanica.org/site:accueil">Tela Botanica</a></p>
 344 
				</p>