Ville de la météo modifiable

js/jquery.weather.js

@@ -1,4 +1,29 @@
 $(document).ready(function(){
+	$('body').append('<a href="#city" id="city-menu">Weather City Choice</a><div style="display:none;"><div id="city"></div></div>');
+	$('#city').append('<h3>Quelle ville pour la m<>t<EFBFBD>o ?</h3><br/><input type="text" id="cityChoice" name="cityChoice"/><span id="city-submit" class="green-button">Enregistrer</span>');
+	$('#city-menu').fancybox({
+		'zoomSpeedIn'		: 600,
+		'zoomSpeedOut'		: 500,
+		'easingIn'			: 'easeOutBack',
+		'easingOut'			: 'easeInBack',
+		'hideOnContentClick': false,
+		'padding'			: 15
+	});
+	$('#city-submit').live('click', function(){
+		var ville = $('#cityChoice').val();
+		if(ville != '' || ville != null){
+			$.get('ajax/update-city.php', {city: ville}, function(msg){
+				if(msg=='ok'){
+					location.reload();
+				}else{
+					$('#city').append('<span class="error">An error occured while changing city.</span>');
+				}
+			});
+		}else{
+			$('#city').append('<span class="error">City can\'t be empty.</span>');
+		}
+	});
+	
 	var tmp;
 
 	/* A helper function for converting a set of elements to draggables: */