Subversion Repositories eFlore/Applications.cel

Rev

Rev 1073 | Rev 1105 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1073 Rev 1093
1 
//+---------------------------------------------------------------------------------------------------------+
 1 
//+---------------------------------------------------------------------------------------------------------+
2 
// GÉNÉRAL
 2 
// GÉNÉRAL
3 
/**
 3 
/**
4 
 * Stope l'évènement courrant quand on clique sur un lien.
 4 
 * Stope l'évènement courrant quand on clique sur un lien.
5 
 * Utile pour Chrome, Safari...
 5 
 * Utile pour Chrome, Safari...
6 
 * @param evenement
 6 
 * @param evenement
7 
 * @return
 7 
 * @return
8 
 */
 8 
 */
9 
function arreter(evenement) {
 9 
function arreter(evenement) {
10 
	if (evenement.stopPropagation) {
 10 
	if (evenement.stopPropagation) {
11 
		evenement.stopPropagation();
 11 
		evenement.stopPropagation();
12 
	}
 12 
	}
13 
	return false;
 13 
	return false;
14 
}
 14 
}
15 
// TODO : voir si cette fonction est bien utile. Résoud le pb d'un warning sous chrome.
 15 
// TODO : voir si cette fonction est bien utile. Résoud le pb d'un warning sous chrome.
16 
(function(){
 16 
(function(){
17 
    // remove layerX and layerY
 17 
    // remove layerX and layerY
18 
    var all = $.event.props,
 18 
    var all = $.event.props,
19 
        len = all.length,
 19 
        len = all.length,
20 
        res = [];
 20 
        res = [];
21 
    while (len--) {
 21 
    while (len--) {
22 
      var el = all[len];
 22 
      var el = all[len];
23 
      if (el != 'layerX' && el != 'layerY') res.push(el);
 23 
      if (el != 'layerX' && el != 'layerY') res.push(el);
24 
    }
 24 
    }
25 
    $.event.props = res;
 25 
    $.event.props = res;
26 
}());
 26 
}());
27 
 
 27 
 
28 
//+----------------------------------------------------------------------------------------------------------+
 28 
//+----------------------------------------------------------------------------------------------------------+
29 
//UPLOAD PHOTO : Traitement de l'image
29 
//UPLOAD PHOTO : Traitement de l'image
30 
$(document).ready(function() {
30 
$(document).ready(function() {
- 
 
 31 
 
- 
 
 32 
	$("#effacer-miniature").click(function () {
- 
 
 33 
		supprimerMiniature();
- 
 
 34 
	});
- 
 
 35
- 
 
 36 
	$("#fichier").bind('change', function () {
- 
 
 37 
		$("#form-upload").ajaxSubmit(options);
- 
 
 38 
		return false;
- 
 
 39 
	});
- 
 
 40
31 
	//prepare the form when the DOM is ready
41 
	//prepare the form when the DOM is ready
32 
	//create service object(proxy) using SMD (generated by the json result)
 42 
	//create service object(proxy) using SMD (generated by the json result)
33 
	var options = {
43 
	var options = {
34 
		success: afficherMiniature, // post-submit callback
44 
		success: afficherMiniature, // post-submit callback
35 
		dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
45 
		dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
36 
		resetForm: true // reset the form after successful submit
46 
		resetForm: true // reset the form after successful submit
37 
	};
 47 
	};
38 
 
 - 
 
39 
	// post-submit callback
- 
 
40 
	function afficherMiniature(reponse) {
- 
 
41 
		// 'responseXML' is the XML document returned by the server; we use
- 
 
42 
		// jQuery to extract the content of the message node from the XML doc
- 
 
43 
		var miniatureUrl = $("miniature-url", reponse).text();
 - 
 
44 
		var imgNom = $("image-nom", reponse).text();
 - 
 
45 
		$("#miniature").empty();
 - 
 
46 
		$("#miniature").append('<img id="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>');
 - 
 
47 
		console.log(imgNom);
 - 
 
48 
		console.log(miniatureUrl);
- 
 
49 
	};
 - 
 
50
- 
 
51 
	$("#form-upload").submit(function() {
- 
 
52 
		// inside event callbacks 'this' is the DOM element so we first
- 
 
53 
		// wrap it in a jQuery object and then invoke ajaxSubmit
- 
 
54 
		$(this).ajaxSubmit(options);
- 
 
55
- 
 
56 
		// !!! Important !!!
- 
 
57 
		// always return false to prevent standard browser submit and page navigation
- 
 
58 
		return false;
- 
 
59 
	});
 - 
 
60 
});
 48 
});
- 
 
 49 
 
- 
 
 50 
function afficherMiniature(reponse) {
- 
 
 51 
	// 'responseXML' is the XML document returned by the server; we use
- 
 
 52 
	// jQuery to extract the content of the message node from the XML doc
- 
 
 53 
	var miniatureUrl = $("miniature-url", reponse).text();
- 
 
 54 
	var imgNom = $("image-nom", reponse).text();
- 
 
 55 
	$("#miniature").empty();
- 
 
 56 
	$("#miniature").append('<img id="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>');
- 
 
 57 
	$("#effacer-miniature").show();
- 
 
 58 
	console.log(imgNom);
- 
 
 59 
	console.log(miniatureUrl);
- 
 
 60 
}
- 
 
 61 
 
- 
 
 62 
function supprimerMiniature() {
- 
 
 63 
	$("#miniature").empty();
- 
 
 64 
	$("#effacer-miniature").hide();
- 
 
 65 
}
61 
 
 66 
 
62 
//+----------------------------------------------------------------------------------------------------------+
 67 
//+----------------------------------------------------------------------------------------------------------+
63 
// GOOGLE MAP
 68 
// GOOGLE MAP
64 
var geocoder;
 69 
var geocoder;
65 
var map;
 70 
var map;
66 
var marker;
 71 
var marker;
67 
var latLng;
 72 
var latLng;
68 
 
 73 
 
69 
function initialize(){
 74 
function initialiserGoogleMap(){
70 
	// Carte
 75 
	// Carte
71 
	var latLng = new google.maps.LatLng(43.29545, 5.37458);
 76 
	var latLng = new google.maps.LatLng(43.29545, 5.37458);
72 
	$('#adresse').val('1 rue de la canebiere, 13001');
 77 
	if (VILLE == 'Montpellier') {
- 
 
 78 
		latLng = new google.maps.LatLng(43.61077, 3.87672);
73 
	$('#latitude').val('43.29545');
 79 
	} else {
- 
 
 80 
		console.log('Ville:'+VILLE);
- 
 
 81 
	}
74 
	$('#longitude').val('5.37458');
 82 
 
75 
	var options = {
 83 
	var options = {
76 
		zoom: 16,
 84 
		zoom: 16,
77 
		center: latLng,
 85 
		center: latLng,
78 
		mapTypeId: google.maps.MapTypeId.SATELLITE
 86 
		mapTypeId: google.maps.MapTypeId.HYBRID,
- 
 
 87 
		mapTypeControlOptions: {
- 
 
 88 
			mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}
79 
	};
 89 
	};
- 
 
 90 
 
- 
 
 91 
	// Ajout de la couche OSM à la carte
- 
 
 92 
	osmMapType = new google.maps.ImageMapType({
- 
 
 93 
		getTileUrl: function(coord, zoom) {
- 
 
 94 
			return "http://tile.openstreetmap.org/" +
- 
 
 95 
			zoom + "/" + coord.x + "/" + coord.y + ".png";
- 
 
 96 
		},
- 
 
 97 
		tileSize: new google.maps.Size(256, 256),
- 
 
 98 
		isPng: true,
- 
 
 99 
		alt: 'OpenStreetMap',
- 
 
 100 
		name: 'OSM',
- 
 
 101 
		maxZoom: 19
- 
 
 102 
	});
- 
 
 103
80
104 
	// Création de la carte Google
- 
 
 105 
	map = new google.maps.Map(document.getElementById('map-canvas'), options); //affiche la google map dans la div map_canvas
81 
	map = new google.maps.Map(document.getElementById("map_canvas"), options); //affiche la google map dans la div map_canvas
 106 
	map.mapTypes.set('OSM', osmMapType);
82
107
83 
	// Geocodeur
 108 
	// Geocodeur
84 
	geocoder = new google.maps.Geocoder();
 109 
	geocoder = new google.maps.Geocoder();
85 
	console.log(GOOGLE_MAP_MARQUEUR_URL);
 110 
	console.log(GOOGLE_MAP_MARQUEUR_URL);
86 
 
 111 
 
87 
	// Marqueur google draggable
 112 
	// Marqueur google draggable
88 
	marker = new google.maps.Marker({
 113 
	marker = new google.maps.Marker({
89 
		map: map,
 114 
		map: map,
90 
		draggable: true,
 115 
		draggable: true,
91 
		title: 'Ma station',
 116 
		title: 'Ma station',
92 
		icon: GOOGLE_MAP_MARQUEUR_URL,
 117 
		icon: GOOGLE_MAP_MARQUEUR_URL,
93 
		position: latLng
 118 
		position: latLng
94 
	});
 119 
	});
- 
 
 120
- 
 
 121 
	deplacerMarker(latLng);
95 
}
 122 
}
96 
 
 123 
 
97 
$(document).ready(function() {
 124 
$(document).ready(function() {
- 
 
 125
98 
	initialize();
 126 
	initialiserGoogleMap();
99
127
100 
	$(function() {
 128 
	$(function() {
101 
		// Tentative de geocalisation
 129 
		// Tentative de geocalisation
102 
		if (navigator.geolocation) {
 130 
		if (navigator.geolocation) {
103 
			navigator.geolocation.getCurrentPosition(function(position) {
 131 
			navigator.geolocation.getCurrentPosition(function(position) {
104 
				var latitude = position.coords.latitude;
 132 
				var latitude = position.coords.latitude;
105 
				var longitude = position.coords.longitude;
 133 
				var longitude = position.coords.longitude;
106 
				var altitude = position.coords.altitude;
 134 
				var altitude = position.coords.altitude;
107 
				var geocalisation = new google.maps.LatLng(latitude, longitude);
 135 
				var geocalisation = new google.maps.LatLng(latitude, longitude);
108 
				marker.setPosition(geocalisation);
 136 
				marker.setPosition(geocalisation);
109 
				map.setCenter(geocalisation);
 137 
				map.setCenter(geocalisation);
110 
				$('#latitude').val(marker.getPosition().lat());
 - 
 
111 
				$('#longitude').val(marker.getPosition().lng());
 - 
 
112 
				$('#adresse').val(codeLatLng(marker.getPosition()));
 138 
				$('#adresse').val(codeLatLng(marker.getPosition()));
- 
 
 139 
				mettreAJourMarkerPosition(marker.getPosition());
113 
			});
 140 
			});
114 
		}
141 
		}
115
142
116 
		// Autocompletion du champ adresse
 143 
		// Autocompletion du champ adresse
117 
		$("#adresse").autocomplete({
 144 
		$("#adresse").autocomplete({
118 
			//Cette partie utilise geocoder pour extraire des valeurs d'adresse
 145 
			//Cette partie utilise geocoder pour extraire des valeurs d'adresse
119 
			source: function(request, response) {
 146 
			source: function(request, response) {
120 
				geocoder.geocode( {'address': request.term }, function(results, status) {
 147 
				geocoder.geocode( {'address': request.term+', France', 'region' : 'fr' }, function(results, status) {
- 
 
 148 
					if (status == google.maps.GeocoderStatus.OK) {
121 
					response($.map(results, function(item) {
 149 
						response($.map(results, function(item) {
122 
						return {
 150 
							return {
123 
							label:  item.formatted_address,
 151 
								label: item.formatted_address,
124 
							value: item.formatted_address,
 152 
								value: item.formatted_address,
125 
							latitude: item.geometry.location.lat(),
 153 
								latitude: item.geometry.location.lat(),
126 
							longitude: item.geometry.location.lng()
 154 
								longitude: item.geometry.location.lng()
127 
						}
 155 
							}
128 
					}));
 156 
						}));
- 
 
 157 
					} else {
- 
 
 158 
						afficherErreurGoogleMap(status);
- 
 
 159 
					}
129 
				})
 160 
				})
130 
			},
 161 
			},
131 
			// Cette partie est executee a la selection d'une adresse
 162 
			// Cette partie est executee a la selection d'une adresse
132 
			select: function(event, ui) {
 163 
			select: function(event, ui) {
133 
				$("#latitude").val(ui.item.latitude);
 164 
				remplirChampLatitude(ui.item.latitude);
134 
				$("#longitude").val(ui.item.longitude);
 165 
				remplirChampLongitude(ui.item.longitude);
135 
				var location = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
 166 
				var latLng = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
136 
				marker.setPosition(location);
 167 
				deplacerMarker(latLng);
137 
				map.setCenter(location);
 168 
				map.setCenter(latLng);
138 
				map.setZoom(20);
 169 
				map.setZoom(19);
139 
			}
 170 
			}
140 
		});
 171 
		});
141 
 
 172
142 
		// Ajoute un ecouteur sur le marker pour le reverse geocoding
 173 
		google.maps.event.addListener(marker, 'dragend', function() {
143 
		google.maps.event.addListener(marker, 'drag', function() {
 174 
			trouverCommune(marker.getPosition());
144 
			geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) {
 175 
			geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) {
145 
				if (status == google.maps.GeocoderStatus.OK) {
 176 
				if (status == google.maps.GeocoderStatus.OK) {
146 
					if (results[0]) {
 177 
					if (results[0]) {
147 
						$('#adresse').val(results[0].formatted_address);
 178 
						$('#adresse').val(results[0].formatted_address);
148 
						$('#latitude').val(Math.round(marker.getPosition().lat()*100000)/100000);
 179 
						mettreAJourMarkerPosition(marker.getPosition());
149 
						$('#longitude').val(Math.round(marker.getPosition().lng()*100000)/100000);
 - 
 
150 
					}
 180 
					}
- 
 
 181 
				} else  {
- 
 
 182 
					afficherErreurGoogleMap(status);
151 
				}
 183 
				}
152 
			});
 184 
			});
153 
		});
 185 
		});
154 
	});
 186 
	});
155 
});
 187 
});
156 
 
 188 
 
157 
// Transforme les coordonnés en adresse (reverse geocoder)
 189 
// Transforme les coordonnés en adresse (reverse geocoder)
158 
function codeLatLng() {
 190 
function codeLatLng() {
159 
	var lat = parseFloat(document.getElementById("latitude").value);
 191 
	var lat = parseFloat(document.getElementById("latitude").value);
160 
	var lng = parseFloat(document.getElementById("longitude").value);
 192 
	var lng = parseFloat(document.getElementById("longitude").value);
161 
	var latlng = new google.maps.LatLng(lat, lng);
 193 
	var latlng = new google.maps.LatLng(lat, lng);
162 
	geocoder.geocode({'latLng': latlng}, function(results, status) {
 194 
	geocoder.geocode({'latLng': latlng}, function(results, status) {
163 
		if (status == google.maps.GeocoderStatus.OK) {
 195 
		if (status == google.maps.GeocoderStatus.OK) {
164 
			if (results[0]) {
 196 
			if (results[0]) {
165 
				marker.setPosition(latlng);
 197 
				marker.setPosition(latlng);
166 
				map.setCenter(latlng);
 198 
				map.setCenter(latlng);
167 
				$('#adresse').val(results[0].formatted_address);
 199 
				$('#adresse').val(results[0].formatted_address);
168 
			}
 200 
			}
169 
		} else {
 201 
		} else {
170 
			alert("Geocoder failed due to: " + status);
 202 
			afficherErreurGoogleMap(status);
171 
		}
 203 
		}
172 
	});
 204 
	});
173 
}
 205 
}
- 
 
 206 
 
- 
 
 207 
function afficherErreurGoogleMap(status) {
- 
 
 208 
	if (DEBUG) {
- 
 
 209 
		$("#dialogue-google-map").empty();
- 
 
 210 
		$("#dialogue-google-map").append('<pre class="msg-erreur">'+
- 
 
 211 
			"Le service de Géocodage de Google Map a échoué à cause de l'erreur : "+status+
- 
 
 212 
			'</pre>');
- 
 
 213 
		$("#dialogue-google-map").dialog();
- 
 
 214 
	}
- 
 
 215 
}
- 
 
 216 
 
- 
 
 217 
function deplacerMarker(latLon) {
- 
 
 218 
	if (marker != undefined) {
- 
 
 219 
		marker.setPosition(latLon);
- 
 
 220 
		mettreAJourMarkerPosition(marker.getPosition());
- 
 
 221 
		trouverCommune(marker.getPosition());
- 
 
 222 
	}
- 
 
 223 
}
- 
 
 224 
 
- 
 
 225 
function mettreAJourMarkerPosition(latLng) {
- 
 
 226 
	var lat = latLng.lat().toFixed(5);
- 
 
 227 
	var lng = latLng.lng().toFixed(5);
- 
 
 228 
	remplirChampLatitude(lat);
- 
 
 229 
	remplirChampLongitude(lng);
- 
 
 230 
}
- 
 
 231 
 
- 
 
 232 
function remplirChampLatitude(latDecimale) {
- 
 
 233 
	var lat = Math.round(latDecimale*100000)/100000;
- 
 
 234 
	$('#latitude').val(lat);
- 
 
 235 
}
- 
 
 236 
 
- 
 
 237 
function remplirChampLongitude(lngDecimale) {
- 
 
 238 
	var lng = Math.round(lngDecimale*100000)/100000;
- 
 
 239 
	$('#longitude').val(lng);
- 
 
 240 
}
- 
 
 241 
 
- 
 
 242 
function trouverCommune(pos) {
- 
 
 243 
	$(function() {
- 
 
 244 
		var urlNomCommuneFormatee = SERVICE_NOM_COMMUNE_URL.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
- 
 
 245 
		$.ajax({
- 
 
 246 
			url : urlNomCommuneFormatee,
- 
 
 247 
			type : "GET",
- 
 
 248 
			dataType : "jsonp",
- 
 
 249 
			beforeSend : function() {
- 
 
 250 
				$(".commune-info").empty();
- 
 
 251 
				$("#dialogue-erreur").empty();
- 
 
 252 
			},
- 
 
 253 
			success : function(data, textStatus, jqXHR) {
- 
 
 254 
				$(".commune-info").empty();
- 
 
 255 
				$("#commune-nom").append(data.nom);
- 
 
 256 
				$("#commune-code-insee").append(data.codeINSEE);
- 
 
 257 
				$("#marqueur-commune").data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
- 
 
 258 
			},
- 
 
 259 
			statusCode : {
- 
 
 260 
			    500 : function(jqXHR, textStatus, errorThrown) {
- 
 
 261 
					if (DEBUG) {
- 
 
 262 
						$("#dialogue-erreur").append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
- 
 
 263 
						reponse = jQuery.parseJSON(jqXHR.responseText);
- 
 
 264 
						var erreurMsg = "";
- 
 
 265 
						if (reponse != null) {
- 
 
 266 
							$.each(reponse, function (cle, valeur) {
- 
 
 267 
								erreurMsg += valeur + "<br />";
- 
 
 268 
							});
- 
 
 269 
						}
- 
 
 270
- 
 
 271 
						$("#dialogue-erreur").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
- 
 
 272 
					}
- 
 
 273 
			    }
- 
 
 274 
			},
- 
 
 275 
			error : function(jqXHR, textStatus, errorThrown) {
- 
 
 276 
				if (DEBUG) {
- 
 
 277 
					$("#dialogue-erreur").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
- 
 
 278 
					reponse = jQuery.parseJSON(jqXHR.responseText);
- 
 
 279 
					var erreurMsg = "";
- 
 
 280 
					if (reponse != null) {
- 
 
 281 
						$.each(reponse, function (cle, valeur) {
- 
 
 282 
							erreurMsg += valeur + "<br />";
- 
 
 283 
						});
- 
 
 284 
					}
- 
 
 285
- 
 
 286 
					$("#dialogue-erreur").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
- 
 
 287 
				}
- 
 
 288 
			},
- 
 
 289 
			complete : function(jqXHR, textStatus) {
- 
 
 290 
				if (DEBUG && jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
- 
 
 291 
					var debugMsg = "";
- 
 
 292 
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
- 
 
 293 
					if (debugInfos != null) {
- 
 
 294 
						$.each(debugInfos, function (cle, valeur) {
- 
 
 295 
							debugMsg += valeur + "<br />";
- 
 
 296 
						});
- 
 
 297 
						$("#dialogue-erreur").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
- 
 
 298 
					}
- 
 
 299 
				}
- 
 
 300 
				if ($("#dialogue-erreur .msg").length > 0) {
- 
 
 301 
					$("#dialogue-erreur").dialog();
- 
 
 302 
				}
- 
 
 303 
			}
- 
 
 304 
		});
- 
 
 305 
	});
- 
 
 306 
}
174 
 
 307 
 
175 
//+---------------------------------------------------------------------------------------------------------+
 308 
//+---------------------------------------------------------------------------------------------------------+
176 
// FORMULAIRE
 309 
// FORMULAIRE
177 
$(document).ready(function() {
 310 
$(document).ready(function() {
178 
	$("form#saisie-obs").validate({
 311 
	$("form#saisie-obs").validate({
179 
		rules: {
 312 
		rules: {
180 
			courriel : {
 313 
			courriel : {
181 
				required : true,
 314 
				required : true,
182 
				email : true},
 315 
				email : true},
183 
			courriel_confirmation : {
 316 
			courriel_confirmation : {
184 
				required : true,
 317 
				required : true,
185 
				equalTo: "#courriel"
 318 
				equalTo: "#courriel"
186 
			},
 319 
			},
187 
			rue : "required",
 320 
			rue : "required",
188 
			rue_num_debut : {
 321 
			rue_num_debut : {
189 
				required : true,
 322 
				required : true,
190 
				digits : true,
 323 
				digits : true,
191 
				min : 1},
 324 
				min : 1},
192 
			rue_num_fin : {
 325 
			rue_num_fin : {
193 
				required : true,
 326 
				required : true,
194 
				digits : true,
 327 
				digits : true,
195 
				min : 1},
 328 
				min : 1},
196 
			rue_cote : "required",
 329 
			rue_cote : "required",
197 
			milieu : "required",
 330 
			milieu : "required",
198 
			adresse : "required",
 - 
 
199 
			latitude : {
 331 
			latitude : {
200 
				required: true,
 332 
				required: true,
201 
				range: [-90, 90]},
 333 
				range: [-90, 90]},
202 
			longitude : {
 334 
			longitude : {
203 
				required: true,
 335 
				required: true,
204 
				range: [-180, 180]},
 336 
				range: [-180, 180]},
205 
			date : {
 337 
			date : {
206 
				required: true,
 338 
				required: true,
207 
				date: true},
 339 
				date: true},
208 
			taxon : "required"
 340 
			taxon : "required"
209 
		}
 341 
		}
210 
	});
 342 
	});
211
343
212 
	$("#date").datepicker($.datepicker.regional['fr']);
 344 
	$("#date").datepicker($.datepicker.regional['fr']);
213
345
214 
	$("#courriel_confirmation").bind('paste', function(e) {
 346 
	$("#courriel_confirmation").bind('paste', function(e) {
215 
		$("#dialogue-bloquer-copier-coller").dialog();
 347 
		$("#dialogue-bloquer-copier-coller").dialog();
216 
		return false;
 348 
		return false;
217 
	});
 349 
	});
218
- 
 
219 
	/*---Afficher/cacher les coordonnees geographiques----*/
- 
 
220
- 
 
221 
	var showText=" -Afficher-";
 - 
 
222 
	var hideText=" -Masquer- ";
 - 
 
223
- 
 
224 
	//créer le lien afficher/masquer
 - 
 
225 
	$("#coordonnees-geo").before("<a href='#' id='toogle_link'>"+showText+"</a>")
 - 
 
226 
	//masquer le contenu
 - 
 
227 
	$("#masque").hide();
 350
228 
	//bascule le texte d'afficher à masquer
 351 
	//bascule le texte d'afficher à masquer
229 
	$("a#toogle_link").click(function() {
 - 
 
230 
		//changer le texte du lien
 - 
 
231 
		if($('a#toogle_link').text()==showText){
 - 
 
232 
			$('a#toogle_link').text(hideText);
 - 
 
233 
		} else{
 352 
	$("a.afficher-coord").click(function() {
234 
			$('a#toogle_link').text(showText);
 - 
 
235 
		}
 - 
 
236 
	//basuler l'affichage
 353 
		$("a.afficher-coord").toggle();
237 
	$('#masque').toggle('slow');
 354 
		$("#coordonnees-geo").toggle('slow');
238 
	//valeur false pour que le lien ne soit pas suivi
 355 
		//valeur false pour que le lien ne soit pas suivi
239 
	return false
 356 
		return false
240 
	});
 - 
 
241 
 
 - 
 
242 
	/*------obs-----------*/
357 
	});
243
358
244 
	var obsNumero = 0;
 359 
	var obsNumero = 0;
245 
	$("#ajouter-obs").bind('click', function(e) {
 360 
	$("#ajouter-obs").bind('click', function(e) {
246 
		if ($("#saisie-obs").valid() == false) {
 361 
		if ($("#saisie-obs").valid() == false) {
247 
			$("#dialogue-form-invalide").dialog();
 362 
			$("#dialogue-form-invalide").dialog();
248 
		} else {
 363 
		} else {
249 
			//rassemble les obs dans un tableau html
 364 
			//rassemble les obs dans un tableau html
250 
			obsNumero = obsNumero + 1;
 365 
			obsNumero = obsNumero + 1;
251 
			$("#liste-obs tbody").append(
 366 
			$("#liste-obs tbody").append(
252 
					'<tr id="obs'+obsNumero+'" class="obs">'+
 367 
					'<tr id="obs'+obsNumero+'" class="obs">'+
253 
					'<td>'+obsNumero+'</td>'+
 368 
					'<td>'+obsNumero+'</td>'+
254 
					'<td>'+$("#date").val()+'</td>'+
 369 
					'<td>'+$("#date").val()+'</td>'+
255 
					'<td>'+$("#adresse").val()+'</td>'+
 370 
					'<td>'+$("#adresse").val()+'</td>'+
256 
					'<td>'+$("#taxon option:selected").text()+'</td>'+
 371 
					'<td>'+$("#taxon option:selected").text()+'</td>'+
257 
					'<td>'+$('input[name=milieu]:checked').val()+'</td>'+
 372 
					'<td>'+$('input[name=milieu]:checked').val()+'</td>'+
258 
					'<td>'+$("#latitude").val()+'</td>'+
 - 
 
259 
					'<td>'+$("#longitude").val()+'</td>'+
 373 
					'<td>'+$("#latitude").val()+' / '+$("#longitude").val()+'</td>'+
260 
					//Ajout du champ photo
 374 
					//Ajout du champ photo
261 
					'<td><img class="miniature" alt="'+$("#miniature-img").attr("alt")+'"src="'+$("#miniature-img").attr("src")+'" /></td>'+
 375 
					'<td class="obs-miniature">'+ajouterImgMiniature()+'</td>'+
262 
					'<td>'+$("#notes").val()+'</td>'+
 376 
					'<td>'+$("#notes").val()+'</td>'+
263 
					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="Supprimer l\'observation '+obsNumero+'">'+
 377 
					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="Supprimer l\'observation '+obsNumero+'">'+
264 
					'<img src="'+SUPPRIMER_ICONE_URL+'"/></button></td>'+
 378 
					'<img src="'+SUPPRIMER_ICONE_URL+'"/></button></td>'+
265 
				'</tr>');
 379 
				'</tr>');
266 
			//rassemble les obs dans #liste-obs
 380 
			//rassemble les obs dans #liste-obs
267 
			var numNomSel = $("#taxon").val();
 381 
			var numNomSel = $("#taxon").val();
268 
			$("#liste-obs").data('obsId'+obsNumero, {
 382 
			$("#liste-obs").data('obsId'+obsNumero, {
269 
				'date' : $("#date").val(),
383 
				'date' : $("#date").val(),
270 
				'num_nom_sel' : numNomSel,
 384 
				'num_nom_sel' : numNomSel,
271 
				'nom_sel' : taxons[numNomSel]['nom_sel'],
 385 
				'nom_sel' : taxons[numNomSel]['nom_sel'],
272 
				'nom_ret' : taxons[numNomSel]['nom_ret'],
 386 
				'nom_ret' : taxons[numNomSel]['nom_ret'],
273 
				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
 387 
				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
274 
				'num_taxon' : taxons[numNomSel]['num_taxon'],
 388 
				'num_taxon' : taxons[numNomSel]['num_taxon'],
275 
				'famille' : taxons[numNomSel]['famille'],
 389 
				'famille' : taxons[numNomSel]['famille'],
276 
				'nom_fr' : taxons[numNomSel]['nom_fr'],
 390 
				'nom_fr' : taxons[numNomSel]['nom_fr'],
277 
				'milieu' : $('input[name=milieu]:checked').val(),
 391 
				'milieu' : $('input[name=milieu]:checked').val(),
278 
				'latitude' : $("#latitude").val(),
 392 
				'latitude' : $("#latitude").val(),
279 
				'longitude' : $("#longitude").val(),
 393 
				'longitude' : $("#longitude").val(),
280 
				'commune_nom' : '',// TODO : utiliser le web service
 394 
				'commune_nom' : '',// TODO : utiliser le web service
281 
				'commune_code_insee' : '',// TODO : utiliser le web service
 395 
				'commune_code_insee' : '',// TODO : utiliser le web service
282 
				'lieu_dit' : $("#rue").val(),
 396 
				'lieu_dit' : $("#rue").val(),
283 
				'station' : $("#rue_num_debut").val()+'-'+$("#rue_num_fin").val()+'-'+$("#rue_cote").val(),
 397 
				'station' : $("#rue_num_debut").val()+'-'+$("#rue_num_fin").val()+'-'+$("#rue_cote").val(),
284 
				'notes' : $("#notes").val(),
 398 
				'notes' : $("#notes").val(),
285 
				//Ajout des champs images
 399 
				//Ajout des champs images
286 
				'image_nom' : $("#miniature-img").attr('alt'),
 400 
				'image_nom' : $("#miniature-img").attr('alt'),
287 
				'image_b64' : ''// TODO : ajoute le support HTML5
 401 
				'image_b64' : ''// TODO : ajoute le support HTML5
288 
			});
 402 
			});
289 
		}
 403 
		}
290 
	});
 404 
	});
291
405
292 
	$(".supprimer-obs").live('click', function() {
 406 
	$(".supprimer-obs").live('click', function() {
293 
		var obsId = $(this).val();
 407 
		var obsId = $(this).val();
294 
		// Problème avec IE 6 et 7
 408 
		// Problème avec IE 6 et 7
295 
		if (obsId == "Supprimer") {
 409 
		if (obsId == "Supprimer") {
296 
			obsId = $(this).attr("title");
 410 
			obsId = $(this).attr("title");
297 
		}
 411 
		}
298
412
299 
		$('#obs'+obsId).remove();
 413 
		$('#obs'+obsId).remove();
300 
		$("#liste-obs").removeData('obsId'+obsId)
 414 
		$("#liste-obs").removeData('obsId'+obsId)
301 
	});
 415 
	});
302 
 
 - 
 
303 
	$("#effacer-miniature").click(function () {
 - 
 
304 
		$("#miniature").empty();
- 
 
305 
	});
- 
 
306
416
307 
	// TODO : remplacer par du jquery
 417 
	// TODO : remplacer par du jquery
308 
	//document.getElementById('image_file').addEventListener('change', handleFileSelect, false);
 418 
	//document.getElementById('image_file').addEventListener('change', handleFileSelect, false);
309
419
310 
	$("#transmettre-obs").click(function(e) {
 420 
	$("#transmettre-obs").click(function(e) {
311 
		var observations = $("#liste-obs").data();
 421 
		var observations = $("#liste-obs").data();
312
422
313 
		if (observations == undefined || jQuery.isEmptyObject(observations)) {
 423 
		if (observations == undefined || jQuery.isEmptyObject(observations)) {
314 
			$("#dialogue-zero-obs").dialog();
 424 
			$("#dialogue-zero-obs").dialog();
315 
		} else if ($("#saisie-obs").valid() == false) {
 425 
		} else if ($("#saisie-obs").valid() == false) {
316 
			$("#dialogue-form-invalide").dialog();
 426 
			$("#dialogue-form-invalide").dialog();
317 
		} else {
 427 
		} else {
318 
			observations['projet'] = 'Sauvages';
 428 
			observations['projet'] = 'Sauvages';
319
429
320 
			var utilisateur = new Object();
 430 
			var utilisateur = new Object();
321 
			utilisateur.prenom = $("#prenom").val();
 431 
			utilisateur.prenom = $("#prenom").val();
322 
			utilisateur.nom = $("#nom").val();
 432 
			utilisateur.nom = $("#nom").val();
323 
			utilisateur.courriel = $("#courriel").val();
 433 
			utilisateur.courriel = $("#courriel").val();
324 
			observations['utilisateur'] = utilisateur;
 434 
			observations['utilisateur'] = utilisateur;
325
435
326 
			var erreurMsg = "";
 436 
			var erreurMsg = "";
327 
			$.ajax({
 437 
			$.ajax({
328 
				url : SERVICE_SAISIE_URL,
 438 
				url : SERVICE_SAISIE_URL,
329 
				type : "POST",
 439 
				type : "POST",
330 
				data : observations,
 440 
				data : observations,
331 
				dataType : "json",
 441 
				dataType : "json",
332 
				beforeSend : function() {
 442 
				beforeSend : function() {
333 
					$(".msg").remove();
443 
					$(".msg").remove();
334 
					$(".msg-erreur").remove();
 444 
					$(".msg-erreur").remove();
335 
					$(".msg-debug").remove();
 445 
					$(".msg-debug").remove();
336 
				},
 446 
				},
337 
				success : function(data, textStatus, jqXHR) {
 447 
				success : function(data, textStatus, jqXHR) {
338 
					$("#dialogue-obs-transaction").append('<p class="msg">Vos observations ont bien été transmises.</p>');
 448 
					$("#dialogue-obs-transaction").append('<p class="msg">Vos observations ont bien été transmises.</p>');
- 
 
 449 
					supprimerMiniature();
339 
				},
 450 
				},
340 
				statusCode : {
 451 
				statusCode : {
341 
				    500 : function(jqXHR, textStatus, errorThrown) {
 452 
				    500 : function(jqXHR, textStatus, errorThrown) {
342 
						erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
 453 
						erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
343 
						reponse = jQuery.parseJSON(jqXHR.responseText);
 454 
						reponse = jQuery.parseJSON(jqXHR.responseText);
344 
						if (reponse != null) {
 455 
						if (reponse != null) {
345 
							$.each(reponse, function (cle, valeur) {
 456 
							$.each(reponse, function (cle, valeur) {
346 
								erreurMsg += valeur + "\n";
 457 
								erreurMsg += valeur + "\n";
347 
							});
 458 
							});
348 
						}
 459 
						}
349 
						if (DEBUG) {
 460 
						if (DEBUG) {
350 
							$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
 461 
							$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
351 
						}
 462 
						}
352 
				    }
 463 
				    }
353 
				},
 464 
				},
354 
				error : function(jqXHR, textStatus, errorThrown) {
 465 
				error : function(jqXHR, textStatus, errorThrown) {
355 
					erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
 466 
					erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
356 
					reponse = jQuery.parseJSON(jqXHR.responseText);
 467 
					reponse = jQuery.parseJSON(jqXHR.responseText);
357 
					if (reponse != null) {
 468 
					if (reponse != null) {
358 
						$.each(reponse, function (cle, valeur) {
 469 
						$.each(reponse, function (cle, valeur) {
359 
							erreurMsg += valeur + "\n";
 470 
							erreurMsg += valeur + "\n";
360 
						});
 471 
						});
361 
					}
 472 
					}
362
473
363 
					if (DEBUG) {
 474 
					if (DEBUG) {
364 
						$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
 475 
						$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
365 
					}
 476 
					}
366 
				},
 477 
				},
367 
				complete : function(jqXHR, textStatus) {
 478 
				complete : function(jqXHR, textStatus) {
368 
					var debugMsg = '';
 479 
					var debugMsg = '';
369 
					if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
 480 
					if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
370 
						debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
 481 
						debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
371 
						if (debugInfos != null) {
 482 
						if (debugInfos != null) {
372 
							$.each(debugInfos, function (cle, valeur) {
 483 
							$.each(debugInfos, function (cle, valeur) {
373 
								debugMsg += valeur + "\n";
 484 
								debugMsg += valeur + "\n";
374 
							});
 485 
							});
375 
						}
 486 
						}
376 
					}
 487 
					}
377 
					if (erreurMsg != '') {
 488 
					if (erreurMsg != '') {
378 
						$("#dialogue-obs-transaction").append('<p class="msg">'+
 489 
						$("#dialogue-obs-transaction").append('<p class="msg">'+
379 
								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
 490 
								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
380 
								'Vous pouvez signaler le disfonctionnement à <a href="'+
 491 
								'Vous pouvez signaler le disfonctionnement à <a href="'+
381 
								'mailto:cel@tela-botanica.org'+'?'+
 492 
								'mailto:cel@tela-botanica.org'+'?'+
382 
								'subject=Disfonctionnement du widget de saisie Biodiversite34'+
 493 
								'subject=Disfonctionnement du widget de saisie Biodiversite34'+
383 
								"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
 494 
								"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
384 
								'">cel@tela-botanica.org</a>.'+
 495 
								'">cel@tela-botanica.org</a>.'+
385 
								'</p>');
 496 
								'</p>');
386 
					}
 497 
					}
387 
					if (DEBUG) {
 498 
					if (DEBUG) {
388 
						$("#dialogue-obs-transaction").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
 499 
						$("#dialogue-obs-transaction").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
389 
					}
 500 
					}
390
501
391 
					$("#dialogue-obs-transaction").dialog();
 502 
					$("#dialogue-obs-transaction").dialog();
392 
					$("#liste-obs").removeData();
 503 
					$("#liste-obs").removeData();
393 
					$('.obs').remove();
 504 
					$('.obs').remove();
394 
					obsNumero = 0;
 505 
					obsNumero = 0;
395 
				}
 506 
				}
396 
			});
 507 
			});
397 
		}
 508 
		}
398 
		return false;
 509 
		return false;
399 
	});
 510 
	});
400 
});
 511 
});
- 
 
 512 
 
- 
 
 513 
function ajouterImgMiniature() {
- 
 
 514 
	var miniature = '';
- 
 
 515 
	if ($("#miniature img").length == 1) {
- 
 
 516 
		var src = $("#miniature-img").attr("src");
- 
 
 517 
		var alt = $("#miniature-img").attr("alt");
- 
 
 518 
		miniature = '<img class="miniature" alt="'+alt+'"src="'+src+'" />';
- 
 
 519 
	}
- 
 
 520 
	return miniature;
401 
 
 521 
}
402 
 
 522 
 
403 
function handleFileSelect(evt) {
 523 
function handleFileSelect(evt) {
404 
	// Check for the various File API support.
 524 
	// Check for the various File API support.
405 
	if (window.File && window.FileReader && window.FileList && window.Blob) {
 525 
	if (window.File && window.FileReader && window.FileList && window.Blob) {
406 
	// Great success! All the File APIs are supported.
 526 
	// Great success! All the File APIs are supported.
407 
		var selectedfiles = evt.target.files; // FileList object
 527 
		var selectedfiles = evt.target.files; // FileList object
408
528
409 
		// Loop through the FileList and render image files as thumbnails.
 529 
		// Loop through the FileList and render image files as thumbnails.
410 
		for (var i = 0, f; f = selectedfiles[i]; i++) {
 530 
		for (var i = 0, f; f = selectedfiles[i]; i++) {
411
531
412 
		  // Only process image files.
 532 
		  // Only process image files.
413 
		  if (!f.type.match('image.*')) {
 533 
		  if (!f.type.match('image.*')) {
414 
		    continue;
 534 
		    continue;
415 
		  }
 535 
		  }
416
536
417 
		  var reader = new FileReader();
 537 
		  var reader = new FileReader();
418
538
419 
		  // Read in the image file as a data URL.
 539 
		  // Read in the image file as a data URL.
420 
		  reader.readAsDataURL(f);
 540 
		  reader.readAsDataURL(f);
421
541
422 
		  // Closure to capture the file information.
 542 
		  // Closure to capture the file information.
423 
		  reader.onload = (function(theFile) {
 543 
		  reader.onload = (function(theFile) {
424 
			 return function(e) {
 544 
			 return function(e) {
425 
		    	// Render thumbnail.
 545 
		    	// Render thumbnail.
426 
		    	document.getElementById('image').src = e.target.result;
 546 
		    	document.getElementById('image').src = e.target.result;
427 
		    	//document.getElementById('list').insertBefore(img, null);
 547 
		    	//document.getElementById('list').insertBefore(img, null);
428 
		    };
 548 
		    };
429 
		  })(f);
 549 
		  })(f);
430 
		}
 550 
		}
431 
 
 551 
 
432 
	}
552 
	}
433 
	else {
 553 
	else {
434 
	  alert('The File APIs are not fully supported in this browser.');
 554 
	  alert('The File APIs are not fully supported in this browser.');
435 
	}
 555 
	}
436 
}
 556 
}