Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 2256 Rev 2328
Line 1... Line 1...
1
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html>
2
<html>
3
	<head>
3
	<head>
4
		<title>Saisie simplifiée du CEL</title>
4
		<title>Saisie simplifiée du CEL</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="Jean-Pascal MILCENT" />
13
        <meta name="author" content="Jean-Pascal MILCENT" />
14
        <meta name="keywords" content="Tela Botanica, CEL" />
14
        <meta name="keywords" content="Tela Botanica, CEL" />
15
        <meta name="description" content="Widget de saisie simplifiée pour le CEL" />
15
        <meta name="description" content="Widget de saisie simplifiée pour le CEL" />
Line 16... Line 16...
16
 
16
 
17
		<!-- Viewport Mobile -->
17
		<!-- Viewport Mobile -->
18
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
18
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
19
		
19
 
20
		<!-- Favicones -->
20
		<!-- Favicones -->
21
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />
21
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/defaut/img/favicon.ico" />
22
		
22
 
23
		<!-- Javascript : bibliothèques -->
23
		<!-- Javascript : bibliothèques -->
24
		<!-- Google Map v3 -->
24
		<!-- Google Map v3 -->
25
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
25
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
26
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>	
26
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
27
		
27
 
28
		<!-- Jquery -->
28
		<!-- Jquery -->
29
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.js"></script>
29
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
30
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
30
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery-ui-1.8.18.custom.min.js"></script>
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
32
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/js/jquery.ui.datepicker-fr.js"></script>
33
		<!-- Jquery Plugins -->
33
		<!-- Jquery Plugins -->
34
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
34
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/validate/1.9.0/jquery.validate.min.js"></script>
35
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/validate/1.9.0/jquery.validate.min.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
36
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.9.0/messages_fr.js"></script>
37
		<!-- Jquery Form :nécessaire pour l'upload des images -->
37
		<!-- Jquery Form :nécessaire pour l'upload des images -->
38
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
38
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/2.95/jquery.form.min.js"></script>
39
		
39
 
40
		<!-- Bootstrap -->
40
		<!-- Bootstrap -->
41
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/bootstrap.min.js"></script>
41
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.0.2/js/bootstrap.min.js"></script>
42
		
42
 
43
		<!-- Javascript : appli saisie -->
43
		<!-- Javascript : appli saisie -->
44
		<script type="text/javascript">
44
		<script type="text/javascript">
45
		//<![CDATA[
45
		//<![CDATA[
46
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
46
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
47
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
47
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
48
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
48
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
49
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
49
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
50
			// Mot-clé du widget/projet
50
			// Mot-clé du widget/projet
51
			var TAG_PROJET = "WidgetSaisie";
51
			var TAG_PROJET = "Ambrosia,WidgetSaisie,";
52
			// Mots-clés à ajouter aux images
52
			// Mots-clés à ajouter aux images
53
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
53
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
54
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
54
			var SEPARATION_TAG_IMG = "<?= isset($_GET['motcle']) && isset($_GET['tag-img']) ? ',' : '' ?>";
55
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
55
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."' + SEPARATION_TAG_IMG + TAG_IMG" : 'TAG_IMG' ?>;
56
			// Mots-clés à ajouter aux observations
56
			// Mots-clés à ajouter aux observations
57
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
57
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
58
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
58
			var SEPARATION_TAG_OBS = "<?= isset($_GET['projet']) && isset($_GET['tag-obs']) ? ',' : '' ?>";
-
 
59
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
-
 
60
 
-
 
61
			// Précharger le formulaire avec les infos d'une observation
59
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."' + SEPARATION_TAG_OBS + TAG_OBS" : 'TAG_OBS' ?>;
62
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
60
			// URL du web service réalisant l'insertion des données dans la base du CEL.
63
			// URL du web service réalisant l'insertion des données dans la base du CEL.
-
 
64
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
-
 
65
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
61
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
66
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
62
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
67
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
63
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
68
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
64
			// Nom du référentiel utilisé pour les nom scientifiques.
69
			// Nom du référentiel utilisé pour les nom scientifiques.
65
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
70
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
Line 94... Line 99...
94
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
99
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
95
			// Nombre d'observations max autorisé avant transmission
100
			// Nombre d'observations max autorisé avant transmission
96
			var OBS_MAX_NBRE = 10;
101
			var OBS_MAX_NBRE = 10;
97
			// Durée d'affichage en milliseconde des messages d'informations
102
			// Durée d'affichage en milliseconde des messages d'informations
98
			var DUREE_MESSAGE = 15000;
103
			var DUREE_MESSAGE = 15000;
-
 
104
			// Squelette d'URL du web service de l'annuaire.
-
 
105
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
99
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
106
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
100
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
107
			var SERVICE_NOM_COMMUNE_URL = "http://api.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
101
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
108
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
102
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
109
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://api.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
103
			// URL du marqueur à utiliser dans la carte Google Map
110
			// URL du marqueur à utiliser dans la carte Google Map
Line 108... Line 115...
108
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
115
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/chargement-image.gif";
109
			// URL de l'icône du calendrier
116
			// URL de l'icône du calendrier
110
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
117
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/calendrier.png";
111
			// URL de l'icône du calendrier
118
			// URL de l'icône du calendrier
112
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
119
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/defaut/img/icones/pasdephoto.png";
113
			// Précharger le formulaire avec les infos d'une observation
-
 
114
			var OBS_ID = "<?=isset($_GET['id-obs']) ? $_GET['id-obs'] : ''?>";
-
 
115
			// URL du web service permettant de récupérer les infos d'une observation du CEL.
-
 
116
			var SERVICE_OBS_URL = "<?=$url_ws_obs?>";
-
 
117
		//]]>
120
		//]]>
118
		</script>
121
		</script>
119
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
122
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/defaut/js/defaut.js"></script>
120
			
123
 
121
		<!-- CSS -->
124
		<!-- CSS -->
122
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
125
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" media="screen" />
123
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
126
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
124
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
127
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
125
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
128
		<link href="<?=$url_base?>modules/saisie/squelettes/defaut/css/<?=isset($_GET['style']) ? $_GET['style'] : 'defaut'?>.css" rel="stylesheet" type="text/css" media="screen" />
Line 131... Line 134...
131
				<div class="span6 page-header">
134
				<div class="span6 page-header">
132
					<div class="row">
135
					<div class="row">
133
						<div class="span6">
136
						<div class="span6">
134
							<h1>
137
							<h1>
135
								<?php if($logo != 'defaut' && $logo != '0') { ?>
138
								<?php if($logo != 'defaut' && $logo != '0') { ?>
136
									<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" /> 
139
									<img id="logo-titre" class="span1" src="<?= $logo ?>" alt="Logo" />
137
								<?php } else if($logo == 'defaut') { ?>
140
								<?php } else if($logo == 'defaut') { ?>
138
									<img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
141
									<img id="logo-titre" class="span1" src="<?=$url_base?>/modules/saisie/squelettes/defaut/img/logos/tela_botanica.png" alt="Tela Botanica" />
139
								<?php } ?>
142
								<?php } ?>
140
								<?php if($titre != 'defaut') { ?> 
143
								<?php if($titre != 'defaut') { ?>
141
									<?= $titre; ?>
144
									<?= $titre; ?>
142
								<?php } else { ?>
145
								<?php } else { ?>
143
									Ajout rapide d'observations
146
									Ajout rapide d'observations
144
								<?php } ?>
147
								<?php } ?>
145
							</h1>
148
							</h1>
146
						</div>
149
						</div>
147
					</div>
150
					</div>
148
					<div class="row">
151
					<div class="row">
149
						<div class="span6">
152
						<div class="span6">
150
							<p>
153
							<p>
151
								Cet outil vous permet de partager simplement vos observations avec le 
154
								Cet outil vous permet de partager simplement vos observations avec le
152
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
155
								<a href="http://www.tela-botanica.org/site:accueil">réseau Tela Botanica</a> (sous <a href="http://www.tela-botanica.org/page:licence?langue=fr">licence CC-BY-SA</a>).
153
								Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
156
								Identifiez-vous bien pour ensuite retrouver et gérer vos données dans
154
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
157
								<a href="http://www.tela-botanica.org/appli:cel">votre Carnet en ligne</a>.
155
								Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
158
								Créez jusqu'à 10 observations (avec 10Mo max d'images) puis partagez-les avec le bouton 'transmettre'.
156
								Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique?langue=fr">cartes et galeries photos </a> du site.
159
								Elles apparaissent immédiatement sur les <a href="http://www.tela-botanica.org/site:botanique">cartes et galeries photos </a> du site.
157
							</p>
160
							</p>
158
							<p class="discretion">
161
							<p class="discretion">
159
								Pour toute question ou remarque,
162
								Pour toute question ou remarque,
160
								<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
163
								<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
161
								  target="_blank"
164
								  target="_blank"
162
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
165
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
163
								  contactez-nous</a>
166
								  contactez-nous</a>
164
								
167
 
165
							</p>
168
							</p>
166
							<p class="discretion">
169
							<p class="discretion">
167
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
170
								Une fois familiarisé avec l'interface vous pouvez cliquer sur ce bouton pour désactiver l'aide.
168
								<button id="btn-aide" class="btn btn-mini btn-success">
171
								<button id="btn-aide" class="btn btn-mini btn-success">
169
									<span class="icon-question-sign icon-white"></span>
172
									<span class="icon-question-sign icon-white"></span>
170
									<span id="btn-aide-txt" >Désactiver l'aide</span>
173
									<span id="btn-aide-txt" >Désactiver l'aide</span>
171
								</button> 
174
								</button>
172
							</p>
175
							</p>
173
						</div>
176
						</div>
174
					</div>
177
					</div>
175
				</div>
178
				</div>
176
				
179
 
177
				<div class="span6">
180
				<div class="span6">
178
					<div class="well">
181
					<div class="well">
179
						<h2>Observateur</h2>
182
						<h2>Observateur</h2>
180
						<form id="form-observateur" action="#" class="" autocomplete="on">
183
						<form id="form-observateur" action="#" class="" autocomplete="on">
181
							<div class="row-fluid">
184
							<div class="row-fluid">
182
								<div class="span6" rel="tooltip" data-placement="right"
185
								<div class="span6" rel="tooltip" data-placement="right"
183
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
186
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
184
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire 
187
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
185
										ultérieurement. Des informations complémentaires vont vous être 
188
										ultérieurement. Des informations complémentaires vont vous être
186
										demandées : prénom et nom.">
189
										demandées : prénom et nom.">
187
									<label for="courriel"  
190
									<label for="courriel"
188
										title="Veuillez saisir votre adresse courriel.">
191
										title="Veuillez saisir votre adresse courriel.">
189
										<strong class="obligatoire">*</strong> Courriel
192
										<strong class="obligatoire">*</strong> Courriel
190
									</label>
193
									</label>
191
									<div class="input-prepend">
194
									<div class="input-prepend">
192
										<span class="add-on">
-
 
193
											<i class="icon-envelope"></i>
195
										<span class="add-on"><i class="icon-envelope"></i></span>
194
										</span>
-
 
195
										<input id="courriel" class="input-medium" name="courriel" type="text"/>
196
										<input id="courriel" class="input-medium" name="courriel" type="text"/>
196
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
197
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
197
									</div>
198
									</div>
198
								</div>
199
								</div>
199
								<div id="zone-courriel-confirmation" class="span6 hidden">
200
								<div id="zone-courriel-confirmation" class="span6 hidden">
200
									<label for="courriel_confirmation"  
201
									<label for="courriel_confirmation"
201
										title="Veuillez saisir confirmer le courriel.">
202
										title="Veuillez saisir confirmer le courriel.">
202
										<strong class="obligatoire">*</strong> Courriel (confirmation)
203
										<strong class="obligatoire">*</strong> Courriel (confirmation)
203
									</label>
204
									</label>
204
									<div class="input-prepend">
205
									<div class="input-prepend">
205
										<span class="add-on">
206
										<span class="add-on">
Line 241... Line 242...
241
						<a class="close">×</a>
242
						<a class="close">×</a>
242
						<h4 class="alert-heading">Information : courriel introuvable</h4>
243
						<h4 class="alert-heading">Information : courriel introuvable</h4>
243
						<p>
244
						<p>
244
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
245
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
245
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
246
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
246
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>, 
247
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
247
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
248
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
248
						</p>
249
						</p>
249
					</div>
250
					</div>
250
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
251
					<div id="dialogue-google-map" class="alert alert-info alert-block" style="display: none;">
251
						<a class="close">×</a>
252
						<a class="close">×</a>
Line 283... Line 284...
283
											</form>
284
											</form>
284
										</div>
285
										</div>
285
									</div>
286
									</div>
286
									<div class="row-fluid">
287
									<div class="row-fluid">
287
										<div class="span12">
288
										<div class="span12">
288
											<div id="map-canvas" rel="tooltip" 
289
											<div id="map-canvas" rel="tooltip"
289
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
290
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
290
													représentant votre station ou bien le glisser-déposer sur 
291
													représentant votre station ou bien le glisser-déposer sur
291
													le lieu souhaité."></div>
292
													le lieu souhaité."></div>
292
										</div>
293
										</div>
293
									</div>
294
									</div>
294
									<div class="row-fluid">
295
									<div class="row-fluid">
295
										<label for="coordonnees-geo" class="span7">
296
										<label for="coordonnees-geo" class="span7">
296
											<a href="#" class="afficher-coord">Afficher</a>
297
											<a href="#" class="afficher-coord">Afficher</a>
297
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
298
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
298
											les coordonnées géographiques
299
											les coordonnées géographiques
299
											<span id="lat-lon-info" class="info" 
300
											<span id="lat-lon-info" class="info"
300
												rel="tooltip" 
301
												rel="tooltip"
301
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
302
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
302
												(WGS84)
303
												(WGS84)
303
											</span>
304
											</span>
304
										</label>
305
										</label>
305
										<div id="info-commune" class="span5">
306
										<div id="info-commune" class="span5">
306
								    		<span for="marqueur-commune">Commune : </span>
307
								    		<span for="marqueur-commune">Commune : </span>
307
								    		<span id="marqueur-commune">
308
								    		<span id="marqueur-commune">
308
								    			<span id="commune-nom" class="commune-info"></span>
309
								    			<span id="commune-nom" class="commune-info"></span>
309
								    			(<span id="commune-code-insee" class="commune-info" 
310
								    			(<span id="commune-code-insee" class="commune-info"
310
								    				rel="tooltip" 
311
								    				rel="tooltip"
311
								    				title="Code INSEE de la commune"></span>)
312
								    				title="Code INSEE de la commune"></span>)
312
								    		</span>
313
								    		</span>
313
							    		</div>
314
							    		</div>
314
									</div>
315
									</div>
315
									<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
316
									<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
316
										<div id="coordonnees-geo" class="well" style="display:none;">
317
										<div id="coordonnees-geo" class="well" style="display:none;">
317
											<div class="row-fluid form-inline">
318
											<div class="row-fluid form-inline">
318
												<div id="coord-lat" class="span4">				
319
												<div id="coord-lat" class="span4">
319
													<label for="latitude">Latitude</label>
320
													<label for="latitude">Latitude</label>
320
													<div>
321
													<div>
321
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
322
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
322
													</div>
323
													</div>
323
												</div>
324
												</div>
Line 327... Line 328...
327
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
328
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
328
													</div>
329
													</div>
329
												</div>
330
												</div>
330
												<div class="span1">
331
												<div class="span1">
331
													<div>
332
													<div>
332
														<input id="geolocaliser" type="button" value="Voir sur la carte" 
333
														<input id="geolocaliser" type="button" value="Voir sur la carte"
333
															rel="tooltip"
334
															rel="tooltip"
334
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
335
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
335
													</div>
336
													</div>
336
												</div>
337
												</div>
337
									    	</div>
338
									    	</div>
338
										</div>
339
										</div>
339
										<div class="row-fluid">
340
										<div class="row-fluid">
340
											<div class="span4" rel="tooltip" 
341
											<div class="span4" rel="tooltip"
341
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
342
												title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
342
												<label for="lieudit">Lieu-dit</label>
343
												<label for="lieudit">Lieu-dit</label>
343
												<div>
344
												<div>
344
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
345
													<input type="text" id="lieudit" class="span2" name="lieudit"/>
345
												</div>
346
												</div>
346
											</div>
347
											</div>
347
											<div class="span4" rel="tooltip" 
348
											<div class="span4" rel="tooltip"
348
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
349
												title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
349
												<label for="station">Station</label>
350
												<label for="station">Station</label>
350
												<div>
351
												<div>
351
													<input type="text" id="station" class="span2" name="station"/>
352
													<input type="text" id="station" class="span2" name="station"/>
352
												</div>
353
												</div>
353
											</div>
354
											</div>
354
											<div class="span4" rel="tooltip" 
355
											<div class="span4" rel="tooltip"
355
												title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
356
												title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
356
												<label for="milieux">Milieu</label>
357
												<label for="milieux">Milieu</label>
357
												<div>
358
												<div>
358
													<input type="text" id="milieu" class="span2" name="milieu" />
359
													<input type="text" id="milieu" class="span2" name="milieu" />
359
												</div>
360
												</div>
Line 362... Line 363...
362
									</form>
363
									</form>
363
								</div>
364
								</div>
364
							</div>
365
							</div>
365
							<div class="span6">
366
							<div class="span6">
366
								<form id="form-obs" action="#" autocomplete="on">
367
								<form id="form-obs" action="#" autocomplete="on">
367
									<h2>Observation</h2> 
368
									<h2>Observation</h2>
368
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
369
									<?php if(!$referentiel_impose && !$espece_imposee) : ?>
369
										<div class="row-fluid">
370
										<div class="row-fluid">
370
											<div rel="tooltip" 
371
											<div rel="tooltip"
371
												title="Sélectionnez le référentiel associé à votre relevé">
372
												title="Sélectionnez le référentiel associé à votre relevé">
372
												<label for="referentiel" title="Réferentiel">
373
												<label for="referentiel" title="Réferentiel">
373
													Référentiel
374
													Référentiel
374
												</label>
375
												</label>
375
												<span class="input-prepend">
376
												<span class="input-prepend">
Line 383... Line 384...
383
												</span>
384
												</span>
384
											</div>
385
											</div>
385
										</div>
386
										</div>
386
									<?php endif; ?>
387
									<?php endif; ?>
387
									<div class="row-fluid">
388
									<div class="row-fluid">
388
										<div class="span4" rel="tooltip" 
389
										<div class="span4" rel="tooltip"
389
											title="Vous pouvez cliquer sur l'icône de calendrier pour 
390
											title="Vous pouvez cliquer sur l'icône de calendrier pour
390
												sélectionner une date dans un calendrier.">
391
												sélectionner une date dans un calendrier.">
391
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
392
											<label for="date" title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
392
												Date du relevé
393
												Date du relevé
393
											</label>
394
											</label>
394
											<div class="input-prepend">
395
											<div class="input-prepend">
395
												<span id="date-icone" class="add-on"></span><input id="date" 
396
												<span id="date-icone" class="add-on"></span><input id="date"
396
													class="input-small" name="date" type="text" 
397
													class="input-small" name="date" type="text"
397
													placeholder="jj/mm/aaaa" />
398
													placeholder="jj/mm/aaaa" />
398
											</div>
399
											</div>
399
										</div>
400
										</div>
400
										<div id="taxon-input-groupe" class="span8" rel="tooltip" 
401
										<div id="taxon-input-groupe" class="span8" rel="tooltip"
401
											title="Sélectionnez une espèce dans la liste déroulante pour lier 
402
											title="Sélectionnez une espèce dans la liste déroulante pour lier
402
												votre nom au référentiel selectionné. Si vous
403
												votre nom au référentiel selectionné. Si vous
403
												le désirez vous pouvez aussi saisir un nom absent du référentiel 
404
												le désirez vous pouvez aussi saisir un nom absent du référentiel
404
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
405
												(Ex. : 'fleur violette' ou 'viola sinensis???')." >
405
											<label for="taxon" title="Choisissez une espèce">
406
											<label for="taxon" title="Choisissez une espèce">
406
												<strong class="obligatoire">*</strong> 
407
												<strong class="obligatoire">*</strong>
407
												Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
408
												Espèce <?= $referentiel_impose ? '('.$ns_projet.')' : '' ?> <em>(ou indication sur la plante)</em>
408
											</label>
409
											</label>
409
											<div class="input-prepend">
410
											<div class="input-prepend">
410
												<span class="add-on">
411
												<span class="add-on">
411
													<i class="icon-leaf"></i>
412
													<i class="icon-leaf"></i>
Line 415... Line 416...
415
									</div>
416
									</div>
416
									<div class="row-fluid">
417
									<div class="row-fluid">
417
										<div class="span12">
418
										<div class="span12">
418
											<label for="notes">Commentaires</label>
419
											<label for="notes">Commentaires</label>
419
											<div>
420
											<div>
420
												<textarea id="notes" class="span6" rows="7" name="notes" 
421
												<textarea id="notes" class="span6" rows="7" name="notes"
421
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
422
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
422
											</div>
423
											</div>
423
										</div>
424
										</div>
424
									</div>
425
									</div>
425
								</form>
426
								</form>
426
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
427
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
427
									method="post" enctype="multipart/form-data">
428
									method="post" enctype="multipart/form-data">
428
									<h2>Image(s) de cette plante</h2> 
429
									<h2>Image(s) de cette plante</h2>
429
									<strong>Ajouter une image</strong> 
430
									<strong>Ajouter une image</strong>
430
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
431
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
431
									<div id ="photos-conteneur">
432
									<div id ="photos-conteneur">
432
										<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
433
										<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
433
										<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
434
										<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
434
										<div id="miniatures">
435
										<div id="miniatures">
Line 436... Line 437...
436
										<p class="miniature-msg" class="span12">&nbsp;</p>
437
										<p class="miniature-msg" class="span12">&nbsp;</p>
437
									</div>
438
									</div>
438
								</form>
439
								</form>
439
							</div>
440
							</div>
440
							<div class="row-fluid">
441
							<div class="row-fluid">
441
								<div class="span12 centre" rel="tooltip" 
442
								<div class="span12 centre" rel="tooltip"
442
									title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour 
443
									title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
443
										ajouter votre observation à la liste à transmettre.">
444
										ajouter votre observation à la liste à transmettre.">
444
									<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
445
									<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
445
										Créer
446
										Créer
446
									</button>
447
									</button>
447
								</div>
448
								</div>
448
							</div>
449
							</div>
449
						</div>
450
						</div>
450
					</div>
451
					</div>
451
				</div>	
452
				</div>
452
			</div>
453
			</div>
453
			<!-- Messages d'erreur du formulaire-->
454
			<!-- Messages d'erreur du formulaire-->
454
			<div class="row">
455
			<div class="row">
455
				<div class="zone-alerte span6 offset3">
456
				<div class="zone-alerte span6 offset3">
456
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
457
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
Line 480... Line 481...
480
						<div class="row-fluid">
481
						<div class="row-fluid">
481
							<div class="span8">
482
							<div class="span8">
482
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
483
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
483
							</div>
484
							</div>
484
							<div class="span4 droite">
485
							<div class="span4 droite">
485
								<button id="transmettre-obs" class="btn btn-primary btn-large" 
486
								<button id="transmettre-obs" class="btn btn-primary btn-large"
486
									type="button" disabled="disabled" rel="tooltip"
487
									type="button" disabled="disabled" rel="tooltip"
487
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">										
488
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
488
									Transmettre
489
									Transmettre
489
								</button>
490
								</button>
490
							</div>
491
							</div>
491
						</div>
492
						</div>
492
						<div id="liste-obs" ></div>
493
						<div id="liste-obs" ></div>
Line 495... Line 496...
495
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
496
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
496
									<a class="close">×</a>
497
									<a class="close">×</a>
497
									<h4 class="alert-heading">Attention : aucune observation</h4>
498
									<h4 class="alert-heading">Attention : aucune observation</h4>
498
									<p>Veuillez saisir des observations pour les transmettres.</p>
499
									<p>Veuillez saisir des observations pour les transmettres.</p>
499
								</div>
500
								</div>
500
								
501
 
501
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
502
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
502
									<a class="close">×</a>
503
									<a class="close">×</a>
503
									<h4 class="alert-heading">Information : transmission des observations</h4>
504
									<h4 class="alert-heading">Information : transmission des observations</h4>
504
									<div class="alert-txt"></div>
505
									<div class="alert-txt"></div>
505
								</div>
506
								</div>
506
								
507
 
507
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
508
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
508
									<a class="close">×</a>
509
									<a class="close">×</a>
509
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
510
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
510
									<div class="alert-txt"></div>
511
									<div class="alert-txt"></div>
511
								</div>
512
								</div>
512
							</div>
513
							</div>
513
						</div>
514
						</div>
514
						
515
 
515
					</div>
516
					</div>
516
				</div>
517
				</div>
517
			</div>
518
			</div>
518
			
519
 
519
			<footer class="row-fluid">
520
			<footer class="row-fluid">
520
				<p class="span12">&copy; Tela Botanica 2012</p>
521
				<p class="span12">&copy; Tela Botanica 2012</p>
521
			</footer>
522
			</footer>
522
		
523
 
523
			<!-- Fenêtres modales -->
524
			<!-- Fenêtres modales -->
524
			<div id="chargement" class="modal-fenetre" style="display:none;">			
525
			<div id="chargement" class="modal-fenetre" style="display:none;">
525
				<div id="chargement-centrage" class="modal-contenu">
526
				<div id="chargement-centrage" class="modal-contenu">
526
					<div class="progress progress-striped active">
527
					<div class="progress progress-striped active">
527
			 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
528
			 			<div id="barre-progression-upload" class="bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
528
			    			<span class="sr-only">0/10 observations transmises</span>
529
			    			<span class="sr-only">0/10 observations transmises</span>
529
			  			</div>
530
			  			</div>
530
					</div>
531
					</div>
531
					<p id="chargement-txt" style="color:white;font-size:1.5em;">
532
					<p id="chargement-txt" style="color:white;font-size:1.5em;">
532
						Transfert des observations en cours...<br />
533
						Transfert des observations en cours...<br />
533
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre 
534
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
534
						d'observations à transférer.
535
						d'observations à transférer.
535
					</p>
536
					</p>
536
				</div>
537
				</div>
537
			</div>
538
			</div>
538
			
539
 
539
			<!-- Templates HTML -->
540
			<!-- Templates HTML -->
540
			<div id="tpl-transmission-ok" style="display:none;">
541
			<div id="tpl-transmission-ok" style="display:none;">
541
				<p class="msg">
542
				<p class="msg">
542
					Vos observations ont bien été transmises.<br />
543
					Vos observations ont bien été transmises.<br />
543
					Elles sont désormais consultables à travers les différents outils de visualisation 
544
					Elles sont désormais consultables à travers les différents outils de visualisation
544
					du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>, 
545
					du réseau (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
545
					<a href="http://www.tela-botanica.org/page:cel_galerie">galeries d'images</a>, 
546
					<a href="http://www.tela-botanica.org/page:cel_galerie">galeries d'images</a>,
546
					<a href="http://www.tela-botanica.org/appli:test:del">identiplante</a>,
547
					<a href="http://www.tela-botanica.org/appli:test:del">identiplante</a>,
547
					<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
548
					<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
548
					Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous 
549
					Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
549
					connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
550
					connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
550
					N'oubliez pas qu'il est nécessaire de 
551
					N'oubliez pas qu'il est nécessaire de
551
					<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
552
					<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
552
					au préalable, si ce n'est pas déjà fait.
553
					au préalable, si ce n'est pas déjà fait.
553
				</p>
554
				</p>
554
			</div>
555
			</div>
555
			<div id="tpl-transmission-ko" style="display:none;">
556
			<div id="tpl-transmission-ko" style="display:none;">
556
				<p class="msg">
557
				<p class="msg">
557
					Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
558
					Une erreur est survenue lors de la transmission d'une observation (indiquée en rouge).<br />
558
					Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer 
559
					Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer
559
					et transmettre les suivantes.<br />
560
					et transmettre les suivantes.<br />
560
					Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
561
					Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br />
561
					Si le problème persiste, vous pouvez signaler le dysfonctionnement sur  
562
					Si le problème persiste, vous pouvez signaler le dysfonctionnement sur
562
					<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
563
					<a href="<?= $url_remarques ?>?email=cel_remarques@tela-botanica.org&pageSource=<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING']); ?>"
563
								  target="_blank"
564
								  target="_blank"
564
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
565
								  onclick="javascript:window.open(this.getAttribute('href'), 'Tela Botanica - Remarques', config='height=700, width=640, scrollbars=yes, resizable=yes'); return false;">
565
								  le formulaire de signalement d'erreurs</a>.
566
								  le formulaire de signalement d'erreurs</a>.
566
				</p>
567
				</p>
567
			</div>
568
			</div>
568
			
569
 
569
			<!-- Stats : Google Analytics-->
570
			<!-- Stats : Google Analytics-->
570
			<script type="text/javascript">
571
			<script type="text/javascript">
571
				//<![CDATA[
572
				//<![CDATA[
572
				var _gaq = _gaq || [];
573
				var _gaq = _gaq || [];
573
				_gaq.push(['_setAccount', 'UA-20092557-1']);
574
				_gaq.push(['_setAccount', 'UA-20092557-1']);
574
				_gaq.push(['_trackPageview']);
575
				_gaq.push(['_trackPageview']);
575
				
576
 
576
				(function() {
577
				(function() {
577
				  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
578
				  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
578
				  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
579
				  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
579
				  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
580
				  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
580
				})();
581
				})();