WebSVN – Sites.obs-saisons.fr – Diff – /trunk/applications/saisie/squelettes/js/saisie.js


/** 
	************************************************************************************************
	************************************************************************************************
	
	   Fonction permettant de transformer les élements de la classe pliage en accordéon
	
	************************************************************************************************
	************************************************************************************************
**/  
function initialiserElementsPliables() {
 
	$('.pliage h4').addClass('lien_pliage');
 
	$('.pliage ul').hide();
	$('.pliage > ul:first-child').hide();
 
	$('.lien_pliage').bind('click', function() {
		
		$(this).nextAll('ul').slideToggle();
		return false;
	});
}
 
$('.pliage').ready(function() {
	initialiserElementsPliables();
});
 
 
 
 
/** 
	************************************************************************************************
	************************************************************************************************
	
	   Fonctions de gestion des onglets du formulaire de saisie d'espèce
	
	************************************************************************************************
	************************************************************************************************
**/  
function initialiserOnglets() {
	$(".contenu_onglet").hide(); 
	$("ul.liste_onglets li:first").addClass("active").show(); 
	$(".contenu_onglet:first").show();
 
	$("ul.liste_onglets li").click(function() {
 
		$("ul.liste_onglets li").removeClass("active"); 
		$(this).addClass("active"); 
		$(".contenu_onglet").hide();
 
		var activeTab = $(this).find("a").attr("href"); 
		$(activeTab).fadeIn();
		return false;
	});
}
 
$('.contenu_onglet').ready(function() {
	initialiserOnglets();
});
 
function agrandirZoneCLicBoutonsRadios() {
	
	$('.formulaire_informations_espece_mini').addClass("element_cliquable");
	
	$('#form_saisie_espece').children('input[type="submit"]').hide();
	$('.formulaire_informations_espece_mini').children('input[type="radio"]').hide();
	$('.titre_type').hide();
	
	$('.formulaire_informations_espece_mini').bind('click',function() {
		$(this).children('input[type="radio"]').attr('checked','checked');
		$('.formulaire_informations_espece_mini').removeClass('element_clique');
		$(this).addClass('element_clique');
		
		$('#form_saisie_espece').submit();
	});	
}
 
$('#form_saisie_espece').ready(function() {
	agrandirZoneCLicBoutonsRadios();
});
 
 
 
 
/** 
	************************************************************************************************
	************************************************************************************************
	
	   Fonctions permettant de transformer les cases du tableau d'évenements en mini formulaire
	
	************************************************************************************************
	************************************************************************************************
**/
 
htmlEnCours = '';
elementEnCours = null;
 
function initialiserLignesCliquables() {
	
	$('.conteneur_element_modifier').hide();
	
	$(".date_observation_individu").each(function() {
		
		$(this).bind('click', function() {
			
			if($(this).hasClass('element_clique')) {
				return false;
			} else {
				
				conteneur_obs = $(this).children('span');
				id_formulaire = conteneur_obs.attr('id');
				
				remplacerElementDateParFormulaireAjax(id_formulaire, $(this));
										
				return false;
			}
		});
	});	
}
 
function initialiserCalendrierFormulaire() {
	
	anneeEnCours = $("#annee_en_cours").attr("value");
	
	if(typeof(anneeEnCours)=='undefined'){ 
		dateCourante = new Date(); 
		anneeEnCours = dateCourante.getFullYear(); 
	}
	
	$(".calendrier").each(function() {
		$(this).find("input").datepicker({
			disabled: true,
			altFormat: 'dd/mm/yyyy',
			minDate: '01/01/'+anneeEnCours,
			maxDate: '31/12/'+anneeEnCours
		
		});
	});
}
 
$(document).ready(function() {
	initialiserCalendrierFormulaire();
 
});
 
function estUneDateValide(peutEtreUneDate) {
	var reg= new RegExp("^[0-3][0-9][/]{1}[0-1][0-2][/]{1}[0-9]{4}$","g");
	return reg.test(peutEtreUneDate);
}
 
/** Fonctions de manipulation des éléments du tableau pour les transformer en élements cliquables et calendriers **/
function initialiserMiniCalendrierFormulaire(id_element) {
	
	anneeEnCours = jQuery.trim($("#annee_en_cours").html());
	
	if(typeof(anneeEnCours)=='undefined'){ 
		dateCourante = new Date(); 
		anneeEnCours = dateCourante.getFullYear(); 
	}
	
	$('#'+id_element)
	.datepicker({
		disabled: true,
		constrainInput: true,
		altFormat: 'dd/mm/yyyy',
		minDate: '01/01/'+anneeEnCours,
		maxDate: '31/12/'+anneeEnCours,
		onSelect: function(dateText, inst) {
			$('#'+id_element).val(dateText);
			donnees_obs = collecterDonneesMiniFormulaire(id_formulaire);
			envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire);
		},
		onClose: function(dateText, inst) {
			remplacerMiniFormulaireParElementDate(id_element);
		}
 
	});
 
	$('#'+id_element).datepicker( "show" );
	
	/*$('#'+id_element).keypress(function() {
		if(estUneDateValide($('#'+id_element).val())) { 
			$('#'+id_element).removeClass('erreur_valeur');
		} else {
			$('#'+id_element).addClass('erreur_valeur');
		}
 
	});*/
}
 
function remplacerElementDateParFormulaireAjax(id_element, conteneur_selectionne) {
	
	if(elementEnCours != null) {
		elementEnCours.removeClass('element_clique');
		elementEnCours.html(htmlEnCours);
	}
	
	elementEnCours = conteneur_selectionne;
	htmlEnCours = conteneur_selectionne.html();
	
	conteneur_obs = $('#'+id_element);
	valeur_date = conteneur_obs.html();
	valeur_date = valeur_date.replace('-','');
		
	conteneur_selectionne.addClass('element_clique');
	conteneur_selectionne.html('<span class="calendrier"><input type="text" value="'+jQuery.trim(valeur_date)+'" class="calendrier" id="'+id_formulaire+'" size="7" maxlenght="10" /></div>');			
	initialiserMiniCalendrierFormulaire(id_formulaire);
 
 
 
 
 
 
 
	
}
 
function remplacerMiniFormulaireParElementDate(id_element) { 
	
	valeur_date_pour_stade = $('#'+id_element).val();
	
	/*if(!estUneDateValide(valeur_date_pour_stade)) {
		valeur_date_pour_stade = htmlEnCours;
	}*/
	
	elementEnCours.html('<span id="'+id_element+'">'+valeur_date_pour_stade+' </span>');
	
	elementEnCours.removeClass('element_clique');
	elementEnCours = null;
	elementEnCours = null; 
}
 
 
/** Fonctions d'envoi et de récupération des élements du formulaire ajax **/
function envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire) {
	
	url_page_courante = document.URL.replace('module=Individu&action=afficherListeIndividu','module=Observation&action=validerFormulaireModificationObservationAjax');
	
 
	$.post(url_page_courante, donnees_obs, function(obj_retour) {
		
		if(obj_retour.reponse === 'OK') {
			
			remplacerMiniFormulaireParElementDate(id_formulaire);
		}
	});
}
 
function collecterDonneesMiniFormulaire(id_formulaire) {
	
	valeur_date_pour_stade = $('#'+id_formulaire).val();
	
	if(valeur_date_pour_stade == null || jQuery.trim(valeur_date_pour_stade) == '') {
		return false ;
	}
	
	id_individu_stade_obs = id_formulaire.split('_');
	
	stade_obs = 'observation_'+id_individu_stade_obs[3];
	date_annee_en_cours = jQuery.trim($("#annee_en_cours").html());
	
	donnees_obs = { "id_individu": id_individu_stade_obs[1], 
					"annee_en_cours": date_annee_en_cours
					};
	
	identifiant_observation = 'observation_'+id_individu_stade_obs[3];
	
	donnees_obs[identifiant_observation] = valeur_date_pour_stade;
	
	return donnees_obs;
}
 
 
$('#saisie_liste_evenements').ready(function() {
	initialiserLignesCliquables();
});
 
 
 
 
/** 
	************************************************************************************************
	************************************************************************************************
	
	    Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des stations
	
	************************************************************************************************
	************************************************************************************************
**/  
var map;
var marker;
 
function ajouterListenerFormulaireSaisieLatLon() {
	
	$('#cacher_afficher_lien').bind('click', function() {
		$('#conteneur_form_liens_lat_lon').slideToggle();
		return false;
	});
	
	$('input#station_lat').bind('blur', function() {
		verifierEtLocaliserCoordonnees();
	});
	
	$('input#station_lon').bind('blur', function() {
		verifierEtLocaliserCoordonnees();
	});
	
	$('input#localiser_lat_lon').click(function() {
		verifierEtLocaliserCoordonnees();
	});
	
	$('#conteneur_form_liens_lat_lon').hide();
}
 
function carteEstEnSaisie() {
	return ($('#conteneur_form_liens_lat_lon').length > 0);
}
 
function verifierEtLocaliserCoordonnees() {
	
	lat ;
	lon;
	
	if(carteEstEnSaisie()) {
		lat = $('#station_lat').val();
		lon = $('#station_lon').val();
	} else {
		var lat = jQuery.trim($('#station_lat').html());
		var lon = jQuery.trim($('#station_lon').html());
	}
	
	if(jQuery.trim(lat) == '' || jQuery.trim(lon) == '') {
		return;
	}
	
	if(!isNaN(lat) && lat.length > 0 && !isNaN(lon) && lon.length > 0) {
		
	} else {
		window.alert("coordonnées invalides");
	}
	
	var positionMarker = new google.maps.LatLng(lat, lon);
	
	marker.setPosition(positionMarker);
	map.setCenter(positionMarker);
}
 
function mettreAJourValeursFormulaire(latlon) {
 
	latlon = latlon.toString().split(','); 
	
	$('#station_lat').val(latlon[0].replace('(', ''));
	$('#station_lon').val(latlon[1].replace(')', ''));
}
 
function initialiserCarte() {
 
	if($('#map_canvas').length == 0) {
		return;
	}
 
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
	var myOptions = {
		zoom: 6,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.HYBRID
	};
 
	map = new google.maps.Map(document.getElementById("map_canvas"),
    	myOptions);
	
	marker = new google.maps.Marker({
	      position: latlng,
	      title:""
	});
	
	if (carteEstEnSaisie()) {
	
			marker.setDraggable(true);
			
			google.maps.event.addListener(marker, 'dragend', function() {	
				mettreAJourValeursFormulaire(marker.getPosition());
			});
			$('#conteneur_form_liens_lat_lon').ready(function() {
				verifierEtLocaliserCoordonnees();
				ajouterListenerFormulaireSaisieLatLon();
			});
	} else {
		marker.setDraggable(false);
		$('#conteneur_liens_lat_lon').ready(function() {
			verifierEtLocaliserCoordonnees();
		});
	}
	
	marker.setClickable(true);
		
	// To add the marker to the map, call setMap();
	marker.setMap(map); 
}
 
$('#map_canvas').ready(function() {
	initialiserCarte();
});

Rev 54	Rev 90
1	`/**`	1	`/**`
2	`************************************************************************************************`	2	`************************************************************************************************`
3	`************************************************************************************************`	3	`************************************************************************************************`
4		4
5	`Fonction permettant de transformer les élements de la classe pliage en accordéon`	5	`Fonction permettant de transformer les élements de la classe pliage en accordéon`
6		6
7	`************************************************************************************************`	7	`************************************************************************************************`
8	`************************************************************************************************`	8	`************************************************************************************************`
9	`**/`	9	`**/`
10	`function initialiserElementsPliables() {`	10	`function initialiserElementsPliables() {`
11		11
12	`$('.pliage h4').addClass('lien_pliage');`	12	`$('.pliage h4').addClass('lien_pliage');`
13		13
14	`$('.pliage ul').hide();`	14	`$('.pliage ul').hide();`
15	`$('.pliage > ul:first-child').hide();`	15	`$('.pliage > ul:first-child').hide();`
16		16
17	`$('.lien_pliage').bind('click', function() {`	17	`$('.lien_pliage').bind('click', function() {`
18		18
19	`$(this).nextAll('ul').slideToggle();`	19	`$(this).nextAll('ul').slideToggle();`
20	`return false;`	20	`return false;`
21	`});`	21	`});`
22	`}`	22	`}`
23		23
24	`$('.pliage').ready(function() {`	24	`$('.pliage').ready(function() {`
25	`initialiserElementsPliables();`	25	`initialiserElementsPliables();`
26	`});`	26	`});`
27		27
28		28
29		29
30		30
31	`/**`	31	`/**`
32	`************************************************************************************************`	32	`************************************************************************************************`
33	`************************************************************************************************`	33	`************************************************************************************************`
34		34
35	`Fonctions de gestion des onglets du formulaire de saisie d'espèce`	35	`Fonctions de gestion des onglets du formulaire de saisie d'espèce`
36		36
37	`************************************************************************************************`	37	`************************************************************************************************`
38	`************************************************************************************************`	38	`************************************************************************************************`
39	`**/`	39	`**/`
40	`function initialiserOnglets() {`	40	`function initialiserOnglets() {`
41	`$(".contenu_onglet").hide();`	41	`$(".contenu_onglet").hide();`
42	`$("ul.liste_onglets li:first").addClass("active").show();`	42	`$("ul.liste_onglets li:first").addClass("active").show();`
43	`$(".contenu_onglet:first").show();`	43	`$(".contenu_onglet:first").show();`
44		44
45	`$("ul.liste_onglets li").click(function() {`	45	`$("ul.liste_onglets li").click(function() {`
46		46
47	`$("ul.liste_onglets li").removeClass("active");`	47	`$("ul.liste_onglets li").removeClass("active");`
48	`$(this).addClass("active");`	48	`$(this).addClass("active");`
49	`$(".contenu_onglet").hide();`	49	`$(".contenu_onglet").hide();`
50		50
51	`var activeTab = $(this).find("a").attr("href");`	51	`var activeTab = $(this).find("a").attr("href");`
52	`$(activeTab).fadeIn();`	52	`$(activeTab).fadeIn();`
53	`return false;`	53	`return false;`
54	`});`	54	`});`
55	`}`	55	`}`
56		56
57	`$('.contenu_onglet').ready(function() {`	57	`$('.contenu_onglet').ready(function() {`
58	`initialiserOnglets();`	58	`initialiserOnglets();`
59	`});`	59	`});`
60		60
61	`function agrandirZoneCLicBoutonsRadios() {`	61	`function agrandirZoneCLicBoutonsRadios() {`
62		62
63	`$('.formulaire_informations_espece_mini').addClass("element_cliquable");`	63	`$('.formulaire_informations_espece_mini').addClass("element_cliquable");`
64		64
65	`$('#form_saisie_espece').children('input[type="submit"]').hide();`	65	`$('#form_saisie_espece').children('input[type="submit"]').hide();`
66	`$('.formulaire_informations_espece_mini').children('input[type="radio"]').hide();`	66	`$('.formulaire_informations_espece_mini').children('input[type="radio"]').hide();`
67	`$('.titre_type').hide();`	67	`$('.titre_type').hide();`
68		68
69	`$('.formulaire_informations_espece_mini').bind('click',function() {`	69	`$('.formulaire_informations_espece_mini').bind('click',function() {`
70	`$(this).children('input[type="radio"]').attr('checked','checked');`	70	`$(this).children('input[type="radio"]').attr('checked','checked');`
71	`$('.formulaire_informations_espece_mini').removeClass('element_clique');`	71	`$('.formulaire_informations_espece_mini').removeClass('element_clique');`
72	`$(this).addClass('element_clique');`	72	`$(this).addClass('element_clique');`
73		73
74	`$('#form_saisie_espece').submit();`	74	`$('#form_saisie_espece').submit();`
75	`});`	75	`});`
76	`}`	76	`}`
77		77
78	`$('#form_saisie_espece').ready(function() {`	78	`$('#form_saisie_espece').ready(function() {`
79	`agrandirZoneCLicBoutonsRadios();`	79	`agrandirZoneCLicBoutonsRadios();`
80	`});`	80	`});`
81		81
82		82
83		83
84		84
85	`/**`	85	`/**`
86	`************************************************************************************************`	86	`************************************************************************************************`
87	`************************************************************************************************`	87	`************************************************************************************************`
88		88
89	`Fonctions permettant de transformer les cases du tableau d'évenements en mini formulaire`	89	`Fonctions permettant de transformer les cases du tableau d'évenements en mini formulaire`
90		90
91	`************************************************************************************************`	91	`************************************************************************************************`
92	`************************************************************************************************`	92	`************************************************************************************************`
93	`**/`	93	`**/`
94		94
95	`htmlEnCours = '';`	95	`htmlEnCours = '';`
96	`elementEnCours = null;`	96	`elementEnCours = null;`
97		97
98	`function initialiserLignesCliquables() {`	98	`function initialiserLignesCliquables() {`
99		99
100	`$('.conteneur_element_modifier').hide();`	100	`$('.conteneur_element_modifier').hide();`
101		101
102	`$(".date_observation_individu").each(function() {`	102	`$(".date_observation_individu").each(function() {`
103		103
104	`$(this).bind('click', function() {`	104	`$(this).bind('click', function() {`
105		105
106	`if($(this).hasClass('element_clique')) {`	106	`if($(this).hasClass('element_clique')) {`
107	`return false;`	107	`return false;`
108	`} else {`	108	`} else {`
109		109
110	`conteneur_obs = $(this).children('span');`	110	`conteneur_obs = $(this).children('span');`
111	`id_formulaire = conteneur_obs.attr('id');`	111	`id_formulaire = conteneur_obs.attr('id');`
112		112
113	`remplacerElementDateParFormulaireAjax(id_formulaire, $(this));`	113	`remplacerElementDateParFormulaireAjax(id_formulaire, $(this));`
114		114
115	`return false;`	115	`return false;`
116	`}`	116	`}`
117	`});`	117	`});`
118	`});`	118	`});`
119	`}`	119	`}`
120		120
121	`function initialiserCalendrierFormulaire() {`	121	`function initialiserCalendrierFormulaire() {`
122		122
123	`anneeEnCours = $("#annee_en_cours").attr("value");`	123	`anneeEnCours = $("#annee_en_cours").attr("value");`
124		124
125	`if(typeof(anneeEnCours)=='undefined'){`	125	`if(typeof(anneeEnCours)=='undefined'){`
126	`dateCourante = new Date();`	126	`dateCourante = new Date();`
127	`anneeEnCours = dateCourante.getFullYear();`	127	`anneeEnCours = dateCourante.getFullYear();`
128	`}`	128	`}`
129		129
130	`$(".calendrier").each(function() {`	130	`$(".calendrier").each(function() {`
131	`$(this).find("input").datepicker({`	131	`$(this).find("input").datepicker({`
132	`disabled: true,`	132	`disabled: true,`
133	`altFormat: 'dd/mm/yyyy',`	133	`altFormat: 'dd/mm/yyyy',`
134	`minDate: '01/01/'+anneeEnCours,`	134	`minDate: '01/01/'+anneeEnCours,`
135	`maxDate: '31/12/'+anneeEnCours`	135	`maxDate: '31/12/'+anneeEnCours`
136		136
137	`});`	137	`});`
138	`});`	138	`});`
139	`}`	139	`}`
140		140
141	`$(document).ready(function() {`	141	`$(document).ready(function() {`
142	`initialiserCalendrierFormulaire();`	142	`initialiserCalendrierFormulaire();`
143		143
144	`});`	144	`});`
-		145
-		146	`function estUneDateValide(peutEtreUneDate) {`
-		147	`var reg= new RegExp("^[0-3][0-9][/]{1}[0-1][0-2][/]{1}[0-9]{4}$","g");`
-		148	`return reg.test(peutEtreUneDate);`
-		149	`}`
145		150
146	`/ Fonctions de manipulation des éléments du tableau pour les transformer en élements cliquables et calendriers /`	151	`/ Fonctions de manipulation des éléments du tableau pour les transformer en élements cliquables et calendriers /`
147	`function initialiserMiniCalendrierFormulaire(id_element) {`	152	`function initialiserMiniCalendrierFormulaire(id_element) {`
148		153
149	`anneeEnCours = jQuery.trim($("#annee_en_cours").html());`	154	`anneeEnCours = jQuery.trim($("#annee_en_cours").html());`
150		155
151	`if(typeof(anneeEnCours)=='undefined'){`	156	`if(typeof(anneeEnCours)=='undefined'){`
152	`dateCourante = new Date();`	157	`dateCourante = new Date();`
153	`anneeEnCours = dateCourante.getFullYear();`	158	`anneeEnCours = dateCourante.getFullYear();`
154	`}`	159	`}`
155		160
-		161	`$('#'+id_element)`
156	`$('#'+id_element).datepicker({`	162	`.datepicker({`
-		163	`disabled: true,`
157	`disabled: true,`	164	`constrainInput: true,`
158	`altFormat: 'dd/mm/yyyy',`	165	`altFormat: 'dd/mm/yyyy',`
159	`minDate: '01/01/'+anneeEnCours,`	166	`minDate: '01/01/'+anneeEnCours,`
-		167	`maxDate: '31/12/'+anneeEnCours,`
-		168	`onSelect: function(dateText, inst) {`
-		169	`$('#'+id_element).val(dateText);`
-		170	`donnees_obs = collecterDonneesMiniFormulaire(id_formulaire);`
-		171	`envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire);`
-		172	`},`
-		173	`onClose: function(dateText, inst) {`
-		174	`remplacerMiniFormulaireParElementDate(id_element);`
-		175	`}`
160	`maxDate: '31/12/'+anneeEnCours`	176
-		177	`});`
-		178
-		179	`$('#'+id_element).datepicker( "show" );`
-		180
-		181	`/*$('#'+id_element).keypress(function() {`
-		182	`if(estUneDateValide($('#'+id_element).val())) {`
-		183	`$('#'+id_element).removeClass('erreur_valeur');`
-		184	`} else {`
-		185	`$('#'+id_element).addClass('erreur_valeur');`
-		186	`}`
-		187
161	`});`	188	`});*/`
162	`}`	189	`}`
163		190
164	`function remplacerElementDateParFormulaireAjax(id_element, conteneur_selectionne) {`	191	`function remplacerElementDateParFormulaireAjax(id_element, conteneur_selectionne) {`
165		192
166	`if(elementEnCours != null) {`	193	`if(elementEnCours != null) {`
167	`elementEnCours.removeClass('element_clique');`	194	`elementEnCours.removeClass('element_clique');`
168	`elementEnCours.html(htmlEnCours);`	195	`elementEnCours.html(htmlEnCours);`
169	`}`	196	`}`
170		197
171	`elementEnCours = conteneur_selectionne;`	198	`elementEnCours = conteneur_selectionne;`
172	`htmlEnCours = conteneur_selectionne.html();`	199	`htmlEnCours = conteneur_selectionne.html();`
173		200
174	`conteneur_obs = $('#'+id_element);`	201	`conteneur_obs = $('#'+id_element);`
175	`valeur_date = conteneur_obs.html();`	202	`valeur_date = conteneur_obs.html();`
176	`valeur_date = valeur_date.replace('-','');`	203	`valeur_date = valeur_date.replace('-','');`
177		204
178	`conteneur_selectionne.addClass('element_clique');`	205	`conteneur_selectionne.addClass('element_clique');`
179	`conteneur_selectionne.html('<span class="calendrier"><input type="text" value="'+jQuery.trim(valeur_date)+'" class="calendrier" id="'+id_formulaire+'" size="10" maxlenght="10" /><input id="valider_formulaire_ajax" class="valider_formulaire" type="button" value="OK" /></div>');`	206	`conteneur_selectionne.html('<span class="calendrier"><input type="text" value="'+jQuery.trim(valeur_date)+'" class="calendrier" id="'+id_formulaire+'" size="7" maxlenght="10" /></div>');`
180	`initialiserMiniCalendrierFormulaire(id_formulaire);`	207	`initialiserMiniCalendrierFormulaire(id_formulaire);`
181		-
182	`$('#valider_formulaire_ajax').bind('click', function() {`	-
183		-
184	`donnees_obs = collecterDonneesMiniFormulaire(id_formulaire);`	-
185	`envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire);`	-
186		-
187	`return true;`	-
188	`});`	208
189	`}`	209	`}`
190		210
191	`function remplacerMiniFormulaireParElementDate(id_element) {`	211	`function remplacerMiniFormulaireParElementDate(id_element) {`
-		212
-		213	`valeur_date_pour_stade = $('#'+id_element).val();`
-		214
-		215	`/*if(!estUneDateValide(valeur_date_pour_stade)) {`
-		216	`valeur_date_pour_stade = htmlEnCours;`
-		217	`}*/`
192		218
193	`elementEnCours.html('<span id="'+id_element+'">'+valeur_date_pour_stade+' </span>');`	219	`elementEnCours.html('<span id="'+id_element+'">'+valeur_date_pour_stade+' </span>');`
194		220
195	`elementEnCours.removeClass('element_clique');`	221	`elementEnCours.removeClass('element_clique');`
196	`elementEnCours = null;`	222	`elementEnCours = null;`
197	`elementEnCours = null;`	223	`elementEnCours = null;`
198	`}`	224	`}`
199		225
200		226
201	`/ Fonctions d'envoi et de récupération des élements du formulaire ajax /`	227	`/ Fonctions d'envoi et de récupération des élements du formulaire ajax /`
202	`function envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire) {`	228	`function envoyerRequeteAjaxValidationMiniFormulaire(donnees_obs, id_formulaire) {`
203		229
204	`url_page_courante = document.URL.replace('module=Individu&action=afficherListeIndividu','module=Observation&action=validerFormulaireModificationObservationAjax');`	230	`url_page_courante = document.URL.replace('module=Individu&action=afficherListeIndividu','module=Observation&action=validerFormulaireModificationObservationAjax');`
205		231
206	`$.post(url_page_courante, donnees_obs, function(data) {`	-
207		232	`$.post(url_page_courante, donnees_obs, function(obj_retour) {`
208	`var obj_retour = jQuery.parseJSON(data);`	233
209	`if(obj_retour.reponse === 'OK') {`	234	`if(obj_retour.reponse === 'OK') {`
210		235
211	`remplacerMiniFormulaireParElementDate(id_formulaire);`	236	`remplacerMiniFormulaireParElementDate(id_formulaire);`
212	`}`	237	`}`
213	`});`	238	`});`
214	`}`	239	`}`
215		240
216	`function collecterDonneesMiniFormulaire(id_formulaire) {`	241	`function collecterDonneesMiniFormulaire(id_formulaire) {`
217		242
218	`valeur_date_pour_stade = $('#'+id_formulaire).val();`	243	`valeur_date_pour_stade = $('#'+id_formulaire).val();`
219		244
220	`if(valeur_date_pour_stade == null \|\| jQuery.trim(valeur_date_pour_stade) == '') {`	245	`if(valeur_date_pour_stade == null \|\| jQuery.trim(valeur_date_pour_stade) == '') {`
221	`return false ;`	246	`return false ;`
222	`}`	247	`}`
223		248
224	`id_individu_stade_obs = id_formulaire.split('_');`	249	`id_individu_stade_obs = id_formulaire.split('_');`
225		250
226	`stade_obs = 'observation_'+id_individu_stade_obs[3];`	251	`stade_obs = 'observation_'+id_individu_stade_obs[3];`
227	`date_annee_en_cours = jQuery.trim($("#annee_en_cours").html());`	252	`date_annee_en_cours = jQuery.trim($("#annee_en_cours").html());`
228		253
229	`donnees_obs = { "id_individu": id_individu_stade_obs[1],`	254	`donnees_obs = { "id_individu": id_individu_stade_obs[1],`
230	`"annee_en_cours": date_annee_en_cours ,`	255	`"annee_en_cours": date_annee_en_cours`
231	`};`	256	`};`
-		257
-		258	`identifiant_observation = 'observation_'+id_individu_stade_obs[3];`
232		259
233	`donnees_obs['observation_'+id_individu_stade_obs[3]] = valeur_date_pour_stade;`	260	`donnees_obs[identifiant_observation] = valeur_date_pour_stade;`
234		261
235	`return donnees_obs;`	262	`return donnees_obs;`
236	`}`	263	`}`
237		264
238		265
239	`$('#saisie_liste_evenements').ready(function() {`	266	`$('#saisie_liste_evenements').ready(function() {`
240	`initialiserLignesCliquables();`	267	`initialiserLignesCliquables();`
241	`});`	268	`});`
242		269
243		270
244		271
245		272
246	`/**`	273	`/**`
247	`************************************************************************************************`	274	`************************************************************************************************`
248	`************************************************************************************************`	275	`************************************************************************************************`
249		276
250	`Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des stations`	277	`Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des stations`
251		278
252	`************************************************************************************************`	279	`************************************************************************************************`
253	`************************************************************************************************`	280	`************************************************************************************************`
254	`**/`	281	`**/`
255	`var map;`	282	`var map;`
256	`var marker;`	283	`var marker;`
257		284
258	`function ajouterListenerFormulaireSaisieLatLon() {`	285	`function ajouterListenerFormulaireSaisieLatLon() {`
259		286
260	`$('#cacher_afficher_lien').bind('click', function() {`	287	`$('#cacher_afficher_lien').bind('click', function() {`
261	`$('#conteneur_form_liens_lat_lon').slideToggle();`	288	`$('#conteneur_form_liens_lat_lon').slideToggle();`
262	`return false;`	289	`return false;`
263	`});`	290	`});`
264		291
265	`$('input#station_lat').bind('blur', function() {`	292	`$('input#station_lat').bind('blur', function() {`
266	`verifierEtLocaliserCoordonnees();`	293	`verifierEtLocaliserCoordonnees();`
267	`});`	294	`});`
268		295
269	`$('input#station_lon').bind('blur', function() {`	296	`$('input#station_lon').bind('blur', function() {`
270	`verifierEtLocaliserCoordonnees();`	297	`verifierEtLocaliserCoordonnees();`
271	`});`	298	`});`
272		299
273	`$('input#localiser_lat_lon').click(function() {`	300	`$('input#localiser_lat_lon').click(function() {`
274	`verifierEtLocaliserCoordonnees();`	301	`verifierEtLocaliserCoordonnees();`
275	`});`	302	`});`
276		303
277	`$('#conteneur_form_liens_lat_lon').hide();`	304	`$('#conteneur_form_liens_lat_lon').hide();`
278	`}`	305	`}`
279		306
280	`function carteEstEnSaisie() {`	307	`function carteEstEnSaisie() {`
281	`return ($('#conteneur_form_liens_lat_lon').length > 0);`	308	`return ($('#conteneur_form_liens_lat_lon').length > 0);`
282	`}`	309	`}`
283		310
284	`function verifierEtLocaliserCoordonnees() {`	311	`function verifierEtLocaliserCoordonnees() {`
285		312
286	`lat ;`	313	`lat ;`
287	`lon;`	314	`lon;`
288		315
289	`if(carteEstEnSaisie()) {`	316	`if(carteEstEnSaisie()) {`
290	`lat = $('#station_lat').val();`	317	`lat = $('#station_lat').val();`
291	`lon = $('#station_lon').val();`	318	`lon = $('#station_lon').val();`
292	`} else {`	319	`} else {`
293	`var lat = jQuery.trim($('#station_lat').html());`	320	`var lat = jQuery.trim($('#station_lat').html());`
294	`var lon = jQuery.trim($('#station_lon').html());`	321	`var lon = jQuery.trim($('#station_lon').html());`
295	`}`	322	`}`
296		323
297	`if(jQuery.trim(lat) == '' \|\| jQuery.trim(lon) == '') {`	324	`if(jQuery.trim(lat) == '' \|\| jQuery.trim(lon) == '') {`
298	`return;`	325	`return;`
299	`}`	326	`}`
300		327
301	`if(!isNaN(lat) && lat.length > 0 && !isNaN(lon) && lon.length > 0) {`	328	`if(!isNaN(lat) && lat.length > 0 && !isNaN(lon) && lon.length > 0) {`
302		329
303	`} else {`	330	`} else {`
304	`window.alert("coordonnées invalides");`	331	`window.alert("coordonnées invalides");`
305	`}`	332	`}`
306		333
307	`var positionMarker = new google.maps.LatLng(lat, lon);`	334	`var positionMarker = new google.maps.LatLng(lat, lon);`
308		335
309	`marker.setPosition(positionMarker);`	336	`marker.setPosition(positionMarker);`
310	`map.setCenter(positionMarker);`	337	`map.setCenter(positionMarker);`
311	`}`	338	`}`
312		339
313	`function mettreAJourValeursFormulaire(latlon) {`	340	`function mettreAJourValeursFormulaire(latlon) {`
314		341
315	`latlon = latlon.toString().split(',');`	342	`latlon = latlon.toString().split(',');`
316		343
317	`$('#station_lat').val(latlon[0].replace('(', ''));`	344	`$('#station_lat').val(latlon[0].replace('(', ''));`
318	`$('#station_lon').val(latlon[1].replace(')', ''));`	345	`$('#station_lon').val(latlon[1].replace(')', ''));`
319	`}`	346	`}`
320		347
321	`function initialiserCarte() {`	348	`function initialiserCarte() {`
322		349
323	`if($('#map_canvas').length == 0) {`	350	`if($('#map_canvas').length == 0) {`
324	`return;`	351	`return;`
325	`}`	352	`}`
326		353
327	`var latlng = new google.maps.LatLng(47.0504, 2.2347);`	354	`var latlng = new google.maps.LatLng(47.0504, 2.2347);`
328	`var myOptions = {`	355	`var myOptions = {`
329	`zoom: 6,`	356	`zoom: 6,`
330	`center: latlng,`	357	`center: latlng,`
331	`mapTypeId: google.maps.MapTypeId.HYBRID`	358	`mapTypeId: google.maps.MapTypeId.HYBRID`
332	`};`	359	`};`
333		360
334	`map = new google.maps.Map(document.getElementById("map_canvas"),`	361	`map = new google.maps.Map(document.getElementById("map_canvas"),`
335	`myOptions);`	362	`myOptions);`
336		363
337	`marker = new google.maps.Marker({`	364	`marker = new google.maps.Marker({`
338	`position: latlng,`	365	`position: latlng,`
339	`title:""`	366	`title:""`
340	`});`	367	`});`
341		368
342	`if (carteEstEnSaisie()) {`	369	`if (carteEstEnSaisie()) {`
343		370
344	`marker.setDraggable(true);`	371	`marker.setDraggable(true);`
345		372
346	`google.maps.event.addListener(marker, 'dragend', function() {`	373	`google.maps.event.addListener(marker, 'dragend', function() {`
347	`mettreAJourValeursFormulaire(marker.getPosition());`	374	`mettreAJourValeursFormulaire(marker.getPosition());`
348	`});`	375	`});`
349	`$('#conteneur_form_liens_lat_lon').ready(function() {`	376	`$('#conteneur_form_liens_lat_lon').ready(function() {`
350	`verifierEtLocaliserCoordonnees();`	377	`verifierEtLocaliserCoordonnees();`
351	`ajouterListenerFormulaireSaisieLatLon();`	378	`ajouterListenerFormulaireSaisieLatLon();`
352	`});`	379	`});`
353	`} else {`	380	`} else {`
354	`marker.setDraggable(false);`	381	`marker.setDraggable(false);`
355	`$('#conteneur_liens_lat_lon').ready(function() {`	382	`$('#conteneur_liens_lat_lon').ready(function() {`
356	`verifierEtLocaliserCoordonnees();`	383	`verifierEtLocaliserCoordonnees();`
357	`});`	384	`});`
358	`}`	385	`}`
359		386
360	`marker.setClickable(true);`	387	`marker.setClickable(true);`
361		388
362	`// To add the marker to the map, call setMap();`	389	`// To add the marker to the map, call setMap();`
363	`marker.setMap(map);`	390	`marker.setMap(map);`
364	`}`	391	`}`
365		392
366	`$('#map_canvas').ready(function() {`	393	`$('#map_canvas').ready(function() {`
367	`initialiserCarte();`	394	`initialiserCarte();`
368	`});`	395	`});`

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/js/saisie.js – Rev 54 → 90