Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2856 Rev 2857
Line 47... Line 47...
47
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
47
		<script type="text/javascript" src="http://resources.tela-botanica.org/bootstrap/2.3.2/js/bootstrap.min.js"></script>
Line 48... Line 48...
48
 
48
 
49
		<!-- Javascript : appli saisie -->
49
		<!-- Javascript : appli saisie -->
50
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
50
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/WidgetSaisie.js"></script>
-
 
51
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js"></script>
51
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/messicoles/js/WidgetSaisieMessicoles.js"></script>
52
		<script src="<?=$url_base?>saisie?projet=messicoles&amp;service=taxons" type="text/javascript"></script>
52
		<script type="text/javascript">
53
		<script type="text/javascript">
53
		//<![CDATA[
54
		//<![CDATA[
54
           $(document).ready(function() {
55
           $(document).ready(function() {
55
				// OMG un modèle objet !!
56
				// Un objet sauvage apparaît
Line 56... Line 57...
56
				var widget = new WidgetSaisieMessicoles();
57
				var widget = new WidgetSaisieMessicoles();
57
 
58
 
58
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
59
				// La présence du parametre 'debug' dans l'URL enclenche le débogage
Line 201... Line 202...
201
									<label for="courriel"
202
									<label for="courriel"
202
										title="Veuillez saisir votre adresse courriel.">
203
										title="Veuillez saisir votre adresse courriel.">
203
										<strong class="obligatoire">*</strong> Courriel
204
										<strong class="obligatoire">*</strong> Courriel
204
									</label>
205
									</label>
205
									<div class="input-prepend">
206
									<div class="input-prepend">
-
 
207
										<span class="add-on">
206
										<span class="add-on"><i class="icon-envelope"></i></span>
208
											<i class="icon-envelope"></i>
-
 
209
										</span>
207
										<input id="courriel" class="input-large" name="courriel" type="text"/>
210
										<input id="courriel" class="input-large" name="courriel" type="text"/>
208
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
211
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
209
									</div>
212
									</div>
210
								</div>
213
								</div>
211
								<div id="zone-courriel-confirmation" class="span6 hidden">
214
								<div id="zone-courriel-confirmation" class="span6 hidden">
Line 272... Line 275...
272
						<div class="row-fluid">
275
						<div class="row-fluid">
273
							<!-- 1e colonne : date, lieu, geoloc -->
276
							<!-- 1e colonne : date, lieu, geoloc -->
274
							<div class="span6">
277
							<div class="span6">
275
								<div>
278
								<div>
276
									<div class="row-fluid">
279
									<div class="row-fluid">
277
										<div class="span12">
-
 
278
											<h2>Date du relevé</h2>
-
 
279
										</div>
280
										<!-- DATE-->
280
										<div class="span12">
-
 
281
											<label for="date" class="has-tooltip"
-
 
282
												title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
-
 
283
												cliquer sur l'icône de calendrier pour sélectionner une date">
-
 
284
												Date du relevé
-
 
285
											</label>
-
 
286
											<div class="input-prepend">
-
 
287
												<span id="date-icone" class="add-on"></span><input id="date"
-
 
288
													class="input-small" name="date" type="text"
-
 
289
													placeholder="jj/mm/aaaa" />
-
 
290
											</div>
-
 
291
										</div>
-
 
292
										<div class="span12">
-
 
293
											<h2>Lieu du relevé</h2>
281
										<h2>Date du relevé</h2>
294
										</div>
-
 
295
										<!-- Lieu du relevé -->
-
 
296
										<div class="span12 control-group">
282
										<div class="span12 control-group">
-
 
283
											<form id="form-date" action="#" autocomplete="on">
-
 
284
												<label for="date" class="has-tooltip"
-
 
285
													title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
-
 
286
													cliquer sur l'icône de calendrier pour sélectionner une date">
-
 
287
													<strong class="obligatoire">*</strong>
-
 
288
													Date du relevé
-
 
289
												</label>
-
 
290
												<div class="input-prepend">
-
 
291
													<span id="date-icone" class="add-on"></span><input id="date"
-
 
292
														class="input-small" name="date" type="text"
-
 
293
														placeholder="jj/mm/aaaa" />
-
 
294
												</div>
-
 
295
												<div id="date-obligatoire" class="alert alert-error alert-block" style="display: none;">
-
 
296
													<a class="close">×</a>
-
 
297
													<h4 class="alert-heading">Information : date de saisie obligatoire</h4>
-
 
298
													<p>
-
 
299
														Veuillez renseigner la date de saisie pour cette estpèce.
-
 
300
													</p>
-
 
301
												</div>
-
 
302
											</form>
-
 
303
										</div>
-
 
304
										<!-- LIEU -->
-
 
305
										<h2>Lieu du relevé</h2>
-
 
306
										<!-- Type de culture -->
-
 
307
										<div class="control-group">
297
											<label class="has-tooltip" 
308
											<label class="has-tooltip" 
298
											title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
309
											title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
299
												Type de champ
310
												Type de culture
300
											</label>
311
											</label>
301
											<!-- Céréale -->										
312
											<!-- Céréale -->										
302
											<label for="culture-cereale-radio" class="radio culture">
313
											<label for="culture-cereale-radio" class="radio culture">
303
												<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" />
314
												<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
304
												Céréale
315
												Céréale
305
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
316
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
306
												</i>
317
												</i>
307
											</label>
318
											</label>
308
											<div class="popover-html-content" data-for="cereale">
319
											<div class="popover-html-content" data-for="culture-cereale-radio">
309
												<h3>Céréale</h3>
320
												<h5>Céréale</h5>
310
												Une description du champ de céréales<br/>
321
												Une description du champ de céréales<br/>
311
												...
322
												...
312
											</div>
323
											</div>
313
											<!-- Friche -->										
324
											<!-- Friche -->										
314
											<label for="culture-friche-radio" class="radio culture">
325
											<label for="culture-friche-radio" class="radio culture">
315
												<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" />
326
												<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
316
												Friche
327
												Friche
317
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
328
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
318
												</i>
329
												</i>
319
											</label>
330
											</label>
320
											<div class="popover-html-content" data-for="friche">
331
											<div class="popover-html-content" data-for="culture-friche-radio">
321
												<h3>Friche</h3>
332
												<h5>Friche</h5>
322
												Une description du champ de Friche<br/>
333
												Une description du champ de Friche<br/>
323
												...
334
												...
324
											</div>
335
											</div>
325
											<!-- Légumineuse -->										
336
											<!-- Légumineuse -->										
326
											<label for="culture-legumineuse-radio" class="radio culture">
337
											<label for="culture-legumineuse-radio" class="radio culture">
327
												<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" />
338
												<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
328
												Légumineuse
339
												Légumineuse
329
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
340
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
330
												</i>
341
												</i>
331
											</label>
342
											</label>
332
											<div class="popover-html-content" data-for="legumineuse">
343
											<div class="popover-html-content" data-for="culture-legumineuse-radio">
333
												<h3>Légumineuse</h3>
344
												<h5>Légumineuse</h5>
334
												Une description du champ de Légumineuse<br/>
345
												Une description du champ de Légumineuse<br/>
335
												...
346
												...
336
											</div>
347
											</div>
337
											<!-- Vigne -->										
348
											<!-- Vigne -->										
338
											<label for="culture-vigne-radio" class="radio culture">
349
											<label for="culture-vigne-radio" class="radio culture">
339
												<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" />
350
												<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
340
												Vigne
351
												Vigne
341
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
352
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
342
												</i>
353
												</i>
343
											</label>
354
											</label>
344
											<div class="popover-html-content" data-for="vigne">
355
											<div class="popover-html-content" data-for="culture-vigne-radio">
345
												<h3>Vigne</h3>
356
												<h5>Vigne</h5>
346
												Une description du champ de Vigne<br/>
357
												Une description du champ de Vigne<br/>
347
												...
358
												...
348
											</div>
359
											</div>
349
											<!-- Verger -->										
360
											<!-- Verger -->										
350
											<label for="culture-verger-radio" class="radio culture">
361
											<label for="culture-verger-radio" class="radio culture">
351
												<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" />
362
												<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
352
												Verger
363
												Verger
353
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
364
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
354
												</i>
365
												</i>
355
											</label>
366
											</label>
356
											<div class="popover-html-content" data-for="verger">
367
											<div class="popover-html-content" data-for="culture-verger-radio">
357
												<h3>Verger</h3>
368
												<h5>Verger</h5>
358
												Une description du champ de Verger<br/>
369
												Une description du champ de Verger<br/>
359
												...
370
												...
360
											</div>
371
											</div>
361
											<!-- Autres -->										
372
											<!-- Autres -->										
362
											<label for="culture-autres-radio" class="radio culture">
373
											<label for="culture-autres-radio" class="radio culture">
363
												<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" />
374
												<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
364
												Autres
375
												Autres
365
												<input type="text" id="culture-autres-input" name="culture-autres" disabled />
376
												<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
366
											</label>
377
											</label>
367
										</div>
378
										</div>
368
									</div>
379
										<!-- Géolocalisation -->
369
									<h2>Géolocalisation</h2>
380
										<h2>Géolocalisation</h2>
370
									<div class="row-fluid">
381
										<div class="row-fluid">
371
										<div class="span12 droite">
382
											<div class="span12 droite">
372
											<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
383
												<form id="form-carte-recherche" class="form-search form-horizontal" action="#" >
373
												<div class="control-group">
384
													<div class="control-group">
374
													<label for="carte-recherche">Rechercher</label>
385
														<label for="carte-recherche">Rechercher</label>
375
													<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
386
														<input id="carte-recherche" class="search-query has-tooltip" type="text" value=""
376
														title="Permet de centrer la carte sur le lieu recherché."
387
															title="Permet de centrer la carte sur le lieu recherché."
377
														placeholder="Ex: France, Paris, Rue de Rivoli..."/>
388
															placeholder="Ex: France, Paris, Rue de Rivoli..."/>
378
												</div>
389
													</div>
379
											</form>
390
												</form>
-
 
391
											</div>
380
										</div>
392
										</div>
381
									</div>
-
 
382
									<div class="row-fluid">
393
										<div class="row-fluid">
383
										<div class="span12">
394
											<div class="span12">
384
											<div id="map-canvas" class="has-tooltip"
395
												<div id="map-canvas" class="has-tooltip"
385
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
396
													title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
386
													représentant votre station ou bien le glisser-déposer sur
397
														représentant votre station ou bien le glisser-déposer sur
387
													le lieu souhaité."></div>
398
														le lieu souhaité."></div>
-
 
399
											</div>
388
										</div>
400
										</div>
389
									</div>
401
										<!-- Coordonnées -->
390
									<div class="row-fluid">
402
										<div class="row-fluid">
391
										<label for="coordonnees-geo" class="span7">
403
											<label for="coordonnees-geo" class="span7">
392
											<a href="#" class="afficher-coord">Afficher</a>
404
												<a href="#" class="afficher-coord">Afficher</a>
393
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
405
												<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
394
											les coordonnées géographiques
406
												les coordonnées géographiques
395
											<span id="lat-lon-info" class="info has-tooltip"
407
												<span id="lat-lon-info" class="info has-tooltip"
396
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
408
													title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
397
												(WGS84)
409
													(WGS84)
398
											</span>
410
												</span>
399
										</label>
411
											</label>
400
										<div id="info-commune" class="span5">
412
											<div id="info-commune" class="span5">
401
								    		<span for="marqueur-commune">Commune : </span>
413
												<span for="marqueur-commune">Commune : </span>
402
								    		<span id="marqueur-commune">
414
												<span id="marqueur-commune">
403
								    			<span id="commune-nom" class="commune-info"></span>
415
													<span id="commune-nom" class="commune-info"></span>
404
								    			(<span id="commune-code-insee" class="commune-info has-tooltip"
416
													(<span id="commune-code-insee" class="commune-info has-tooltip"
405
								    				title="Code INSEE de la commune"></span>)
417
														title="Code INSEE de la commune"></span>)
406
								    		</span>
418
												</span>
407
							    		</div>
419
											</div>
408
									</div>
420
										</div>
-
 
421
										<!-- Formulaire Station -->
409
									<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
422
										<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
410
										<div id="coordonnees-geo" class="well" style="display:none;">
423
											<div id="coordonnees-geo" class="well" style="display:none;">
411
											<div class="row-fluid form-inline">
424
												<div class="row-fluid form-inline">
412
												<div id="coord-lat" class="span4">
425
													<div id="coord-lat" class="span4">
413
													<label for="latitude">Latitude</label>
426
														<label for="latitude">Latitude</label>
414
													<div>
427
														<div>
415
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
428
															<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
-
 
429
														</div>
-
 
430
													</div>
-
 
431
													<div id="coord-lng" class="span4">
-
 
432
														<label for="longitude">Longitude</label>
-
 
433
														<div>
-
 
434
															<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
-
 
435
														</div>
-
 
436
													</div>
-
 
437
													<div class="span1">
-
 
438
														<div>
-
 
439
															<input id="geolocaliser" type="button" value="Voir sur la carte"
-
 
440
																class="has-tooltip"
-
 
441
																title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
-
 
442
														</div>
416
													</div>
443
													</div>
417
												</div>
444
												</div>
-
 
445
											</div>
-
 
446
											<div class="row-fluid">
418
												<div id="coord-lng" class="span4">
447
												<div class="span4 has-tooltip"
-
 
448
													title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
419
													<label for="longitude">Longitude</label>
449
													<label for="lieudit">Lieu-dit</label>
420
													<div>
450
													<div>
421
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
451
														<input type="text" id="lieudit" class="span2" name="lieudit"/>
422
													</div>
452
													</div>
423
												</div>
453
												</div>
424
												<div class="span1">
454
												<div class="span4 has-tooltip"
-
 
455
													title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
-
 
456
													<label for="station">Station</label>
425
													<div>
457
													<div>
426
														<input id="geolocaliser" type="button" value="Voir sur la carte"
458
														<input type="text" id="station" class="span2" name="station"/>
427
															class="has-tooltip"
-
 
428
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
-
 
429
													</div>
459
													</div>
430
												</div>
460
												</div>
431
									    	</div>
-
 
432
										</div>
-
 
433
										<div class="row-fluid">
-
 
434
											<div class="span4 has-tooltip"
461
												<div class="span4 has-tooltip"
435
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
462
													title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
436
												<label for="lieudit">Lieu-dit</label>
463
													<label for="milieu">Milieu</label>
437
												<div>
464
													<div>
438
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
465
														<input type="text" id="milieu" class="span2" name="milieu" />
439
												</div>
-
 
440
											</div>
-
 
441
											<div class="span4 has-tooltip"
-
 
442
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
-
 
443
												<label for="station">Station</label>
-
 
444
												<div>
-
 
445
													<input type="text" id="station" class="span2" name="station"/>
-
 
446
												</div>
466
													</div>
447
											</div>
-
 
448
											<div class="span4 has-tooltip"
-
 
449
												title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
-
 
450
												<label for="milieu">Milieu</label>
-
 
451
												<div>
-
 
452
													<input type="text" id="milieu" class="span2" name="milieu" />
-
 
453
												</div>
467
												</div>
454
											</div>
468
											</div>
455
										</div>
469
										</form>
456
									</form>
470
									</div>
457
								</div>
471
								</div>
458
							</div>
472
							</div>
459
							<!-- 2e colonne : observation -->
473
							<!-- 2e colonne : observation -->
460
							<div class="span6">
474
							<div class="span6">
461
								<form id="form-obs" action="#" autocomplete="on">
475
								<form id="form-obs" action="#" autocomplete="on">
462
									<h2>Observation</h2>
476
									<h2>Observation</h2>
463
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
-
 
464
										<div class="row-fluid">
-
 
465
											<div class="has-tooltip"
-
 
466
												title="Sélectionnez le référentiel associé à votre relevé">
-
 
467
												<label for="referentiel" title="Réferentiel">
-
 
468
													Référentiel
-
 
469
												</label>
-
 
470
												<span class="input-prepend">
-
 
471
													<span id="referentiel-icone" class="add-on">
-
 
472
														<i class="icon-book"></i>
-
 
473
													</span>
-
 
474
													<select id="referentiel" autocomplete="off">
-
 
475
														<option value="bdtfx" selected="selected" title="Trachéophytes de France métropolitaine">Métropole (BDTFX)</option>
-
 
476
														<option value="bdtxa" title="Trachéophytes des Antilles">Antilles françaises (BDTXA)</option>
-
 
477
														<option value="bdtre" title="Trachéophytes de La Réunion">Réunion (BDTRE)</option>
-
 
478
														<option value="isfan" title="Afrique du Nord">Afrique du Nord (ISFAN)</option>
-
 
479
														<option value="apd" title="Afrique de l'Ouest et du Centre">Afrique de l'Ouest et du Centre (APD)</option>
-
 
480
														<option value="lbf" title="Liban">Liban (LBF)</option>
-
 
481
														<option value="autre" title="Autre/Inconnu">Autre/Inconnu</option>
-
 
482
													</select>
-
 
483
												</span>
-
 
484
											</div>
-
 
485
										</div>
-
 
486
									<?php endif; ?>
-
 
487
									<div class="row-fluid">
477
									<div class="row-fluid">
488
										<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
478
										<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
489
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
479
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
490
											ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
480
											ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
491
											<label>
481
											<label>
Line 519... Line 509...
519
																data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
509
																data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
520
																>
510
																>
521
																<?=$taxon['nom_a_afficher']?>
511
																<?=$taxon['nom_a_afficher']?>
522
															</option>
512
															</option>
523
														<?php endforeach; ?>
513
														<?php endforeach; ?>
524
														<option value="?">Autre espèce</option>
-
 
525
													</optgroup>
514
													</optgroup>
-
 
515
													<option id="taxon-option-autre" value="?">Autre espèce</option>
526
												</select>
516
												</select>
527
											</span>
517
											</span>
528
										</div>
518
										</div>
529
									</div>
519
									</div>
530
									<div class="row-fluid">
520
									<div class="row-fluid">
531
										<div id="taxon-input-groupe" class="span8 has-tooltip"
521
										<div id="taxon-input-groupe" class="span8 has-tooltip"
532
											title="Sélectionnez une espèce dans la liste déroulante pour lier
522
											title="Sélectionnez une espèce dans la liste déroulante pour lier
533
												votre nom au référentiel selectionné. Si vous
523
												votre nom au référentiel selectionné. Si vous
534
												le désirez vous pouvez aussi saisir un nom absent du référentiel
524
												le désirez vous pouvez aussi saisir un nom absent du référentiel
535
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
525
												(Ex. : 'fleur violette' ou 'viola sinensis???')." 
-
 
526
												hidden >
536
											<label for="taxon" title="Choisissez une espèce">
527
											<label for="taxon" title="Choisissez une espèce">
537
												<strong class="obligatoire">*</strong>
528
												<strong class="obligatoire">*</strong>
538
												Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
529
												Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
539
											</label>
530
											</label>
540
											<div class="input-prepend">
531
											<div class="input-prepend">
541
												<span class="add-on">
532
												<span class="add-on">
542
													<i class="icon-leaf"></i>
533
													<i class="icon-leaf"></i>
543
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" />
534
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" data="numNomSel" />
544
											</div>
535
											</div>
545
										</div>
536
										</div>
546
									</div>
537
									</div>
-
 
538
									<!-- Identification -->
547
									<div class="row-fluid">
539
									<div class="row-fluid">
548
										<div class="span12">
540
										<div class="span12">
549
											<label for="identification">Identification</label>
541
											<label for="identification-liste">Identification</label>
550
											<div>
542
											<div>
551
												<select name="identification" id="identification">
543
												<select name="identification-liste" id="identification-liste">
-
 
544
													<option value="" selected>Sélectionner une identification</option>
552
													<option value="certaine">Certaine</option>
545
													<option value="certaine" data-titre="certaine">Certaine</option>
553
													<option value="douteuse">Douteuse</option>
546
													<option value="douteuse" data-titre="douteuse">Douteuse</option>
554
													<option value="adeterminer">À déterminer</option>
547
													<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
555
												</select>
548
												</select>
556
											</div>
549
											</div>
557
										</div>
550
										</div>
558
									</div>
551
									</div>
-
 
552
									<!-- Abondance -->
559
									<div class="row-fluid">
553
									<div class="row-fluid">
560
										<div class="span12">
554
										<div class="span12">
561
											<label for="abondance">Abondance</label>
555
											<label for="abondance-liste">
-
 
556
												<strong class="obligatoire">*</strong>
-
 
557
												Abondance
-
 
558
											</label>
562
											<div>
559
											<div>
563
												<select name="abondance" id="abondance">
560
												<select name="abondance-liste" id="abondance-liste">
-
 
561
													<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
564
													<option value="1">1 à 10</option>
562
													<option value="1" data-titre="1 à 10 espèces">1 à 10</option>
565
													<option value="10">10 à 100</option>
563
													<option value="10" data-titre="10 à 100 espèces">10 à 100</option>
566
													<option value="100">100 à 1000</option>
564
													<option value="100" data-titre="100 à 1000 espèces">100 à 1000</option>
567
												</select>
565
												</select>
568
											</div>
566
											</div>
569
										</div>
567
										</div>
570
									</div>
568
									</div>
-
 
569
									<!-- Zone du champ -->
571
									<div class="row-fluid">
570
									<div class="row-fluid">
572
										<div class="span12">
571
										<div class="span12 control-group">
573
											<label for="zone-champ">Zone du champ</label>
572
											<strong class="obligatoire">*</strong>
-
 
573
											Zone du champ
574
											<!-- Bordure -->										
574
											<!-- Bordure -->										
575
											<label for="bordure" class="checkbox">
575
											<label for="bordure" class="checkbox">
576
												<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" />
576
												<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" data-titre="bordure" />
577
												Bordure
577
												Bordure
578
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
578
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
579
												</i>
579
												</i>
580
											</label>
580
											</label>
581
											<div class="popover-html-content" data-for="bordure">
581
											<div class="popover-html-content" data-for="bordure">
582
												<h3>Bordure</h3>
582
												<h5>Bordure</h5>
583
												Une description de la zone Bordure<br/>
583
												Une description de la zone Bordure<br/>
584
												...
584
												...
585
											</div>
585
											</div>
586
											<!-- Cœur du champ -->										
586
											<!-- Cœur du champ -->										
587
											<label for="coeur-champ" class="checkbox">
587
											<label for="coeur-champ" class="checkbox">
588
												<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" />
588
												<input type="checkbox" id="coeur-champ" name="zone-champ[]" value="coeur" data-titre="cœur" />
589
												Cœur du champ
589
												Cœur du champ
590
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
590
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
591
												</i>
591
												</i>
592
											</label>
592
											</label>
593
											<div class="popover-html-content" data-for="coeur-champ">
593
											<div class="popover-html-content" data-for="coeur-champ">
594
												<h3>Cœur du champ</h3>
594
												<h5>Cœur du champ</h5>
595
												Une description de la zone Cœur du champ<br/>
595
												Une description de la zone Cœur du champ<br/>
596
												...
596
												...
597
											</div>
597
											</div>
598
											<!-- Zone délaissée -->										
598
											<!-- Zone délaissée -->										
599
											<label for="zone-delaissee" class="checkbox">
599
											<label for="zone-delaissee" class="checkbox">
600
												<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" />
600
												<input type="checkbox" id="zone-delaissee" name="zone-champ[]" value="zone-delaissee" data-titre="zone délaissée" />
601
												Zone délaissée
601
												Zone délaissée
602
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
602
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
603
												</i>
603
												</i>
604
											</label>
604
											</label>
605
											<div class="popover-html-content" data-for="zone-delaissee">
605
											<div class="popover-html-content" data-for="zone-delaissee">
606
												<h3>Zone délaissée</h3>
606
												<h5>Zone délaissée</h5>
607
												Une description de la Zone délaissée<br/>
607
												Une description de la Zone délaissée<br/>
608
												...
608
												...
609
											</div>
609
											</div>
610
										</div>
610
										</div>
611
									</div>
611
									</div>