Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 357 Rev 391
-
 
1
 
-
 
2
/**
-
 
3
 * Les variables suivantes ont été ajoutée par php
-
 
4
 * 
-
 
5
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
-
 
6
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki 
-
 
7
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
-
 
8
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
-
 
9
 * 
-
 
10
*/
-
 
11
 
-
 
12
/**
-
 
13
 * Variables globales du script
1
 
14
 */
2
var modules = Array();
15
var modules = Array();
3
var tableauOnglets = Array();
16
var tableauOnglets = Array();
4
var nbOngletsInvisibles = 0;
17
var nbOngletsInvisibles = 0;
5
	
18
	
6
/** Classe Module
19
/** Classe Module
7
* Définit un module de type portlet
20
* Définit un module de type portlet
8
**/
21
**/
9
function Module(id, module, onglet, statique) {
22
function Module(id, module, onglet, statique) {
10
 
23
 
11
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
24
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
12
	this.id = id;
25
	this.id = id;
13
	this.titre;
26
	this.titre;
14
	this.htmlResume;
27
	this.htmlResume;
15
	this.statique = statique;
28
	this.statique = statique;
16
 
29
 
17
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
30
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
18
	this.portlet = module;
31
	this.portlet = module;
19
	this.onglet;
32
	this.onglet;
20
 
33
 
21
	// creerPortlet 
34
	// creerPortlet 
22
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
35
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
23
	this.creerPortlet = function() {
36
	this.creerPortlet = function() {
24
		var objet = this;
37
		var objet = this;
25
 
38
 
26
		var titre = $(module).children('.titre');
39
		var titre = $(module).children('.titre');
27
		titre.className = 'titre ui-widget-header ui-corner-all';
40
		titre.className = 'titre ui-widget-header ui-corner-all';
28
		titre.id = 'titre-' + this.id;
41
		titre.id = 'titre-' + this.id;
29
		
42
		
30
		var lienTitre = $(module).children('.titre').children('a');
43
		var lienTitre = $(module).children('.titre').children('a');
31
		lienTitre.attr('href','#'+this.id);
44
		lienTitre.attr('href','#'+this.id);
32
		lienTitre.click(function() {
45
		lienTitre.click(function() {
33
			if(objet.onglet.is(':visible')) {
46
			if(objet.onglet.is(':visible')) {
34
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
47
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
35
			}
48
			}
36
			return false;
49
			return false;
37
		});
50
		});
38
		lienTitre.hover(function() {
51
		lienTitre.hover(function() {
39
			if(!objet.ongletEstAffiche()) {
52
			if(!objet.ongletEstAffiche()) {
40
				$(this).css({"color":"white"});
53
				$(this).css({"color":"white"});
41
			} else {
54
			} else {
42
				$(this).css({"color":"#E78F08"});
55
				$(this).css({"color":"#E78F08"});
43
			}
56
			}
44
		}); 
57
		}); 
45
		
58
		
46
		lienTitre.mouseout(function() {
59
		lienTitre.mouseout(function() {
47
			$(this).css({"color":"white"});
60
			$(this).css({"color":"white"});
48
		});
61
		});
49
 
62
 
50
		var contenu = $(module).children('.contenu');
63
		var contenu = $(module).children('.contenu');
51
		contenu.id = 'contenu-' + this.id;
64
		contenu.id = 'contenu-' + this.id;
52
		contenu.className ='contenu';
65
		contenu.className ='contenu';
53
 
66
 
54
		var lienToggle = document.createElement('span');
67
		var lienToggle = document.createElement('span');
55
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
68
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
56
		$(titre).append(lienToggle);
69
		$(titre).append(lienToggle);
57
		$(lienToggle).click(function() {
70
		$(lienToggle).click(function() {
58
			objet.afficherCacherModule();
71
			objet.afficherCacherModule();
59
		});
72
		});
60
 
73
 
61
		this.portlet = module;
74
		this.portlet = module;
62
		return module;	
75
		return module;	
63
	}
76
	}
64
	
77
	
65
	this.ongletEstAffiche = function() {
78
	this.ongletEstAffiche = function() {
66
		return $(this.onglet.selector).is(':visible');
79
		return $(this.onglet.selector).is(':visible');
67
	}
80
	}
68
 
81
 
69
	// Crée l'objet Onglet HTML
82
	// Crée l'objet Onglet HTML
70
	this.creerOnglet = function() {
83
	this.creerOnglet = function() {
71
		var objet = this;
84
		var objet = this;
72
 
85
 
73
		if (!statique) {
86
		if (!statique) {
74
			var span = document.createElement('span');
87
			var span = document.createElement('span');
75
			span.className = "ui-icon ui-icon-close";
88
			span.className = "ui-icon ui-icon-close";
76
		
89
		
77
			// Gestion de la fermeture de l'onglet
90
			// Gestion de la fermeture de l'onglet
78
			$(span).live( "click", function() {
91
			$(span).live( "click", function() {
79
				objet.afficherCacherModule();
92
				objet.afficherCacherModule();
80
				redimensionnerOnglets();
93
				redimensionnerOnglets();
81
			});
94
			});
82
			$(onglet).append(span);
95
			$(onglet).append(span);
83
		}
96
		}
84
		this.onglet = onglet;
97
		this.onglet = onglet;
85
	}
98
	}
86
		
99
		
87
	// Initialisation de l'objet
100
	// Initialisation de l'objet
88
	this.creerPortlet();
101
	this.creerPortlet();
89
	this.creerOnglet();
102
	this.creerOnglet();
90
	
103
	
91
	// Accesseurs de la classe
104
	// Accesseurs de la classe
92
	this.getOnglet = function() {
105
	this.getOnglet = function() {
93
		return this.onglet;	
106
		return this.onglet;	
94
	}
107
	}
95
	
108
	
96
	this.getPortlet = function() {
109
	this.getPortlet = function() {
97
		return this.portlet;
110
		return this.portlet;
98
	}
111
	}
99
	
112
	
100
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
113
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
101
	this.afficherCacherModule = function() { 
114
	this.afficherCacherModule = function() { 
102
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
115
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
103
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
116
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
104
		$(this.portlet).find(".contenu").toggle();
117
		$(this.portlet).find(".contenu").toggle();
105
		$(this.onglet).toggle();
118
		$(this.onglet).toggle();
106
		
119
		
107
		redimensionnerOnglets();
120
		redimensionnerOnglets();
108
	}
121
	}
109
}
122
}
110
 
123
 
111
function afficherCacherMenuOnglets() {
124
function afficherCacherMenuOnglets() {
112
	if($("#conteneurMenuOnglets").html() != '') {
125
	if($("#conteneurMenuOnglets").html() != '') {
113
		$("#conteneurMenuOnglets").html('');
126
		$("#conteneurMenuOnglets").html('');
114
		$('#lienOngletEtPlus').text('+');
127
		$('#lienOngletEtPlus').text('+');
115
	} else {
128
	} else {
116
		var htmlMenu = '<ul class="menuModules">';
129
		var htmlMenu = '<ul class="menuModules">';
117
		nbOngletsInvisibles = 0;
130
		nbOngletsInvisibles = 0;
118
		for (idOnglet in tableauOnglets) {
131
		for (idOnglet in tableauOnglets) {
119
			var classe = "elementMenuModules";
132
			var classe = "elementMenuModules";
120
			if(!$(idOnglet).is(':visible')) {
133
			if(!$(idOnglet).is(':visible')) {
121
				nbOngletsInvisibles++;
134
				nbOngletsInvisibles++;
122
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
135
				htmlMenu += '<li class="'+classe+'" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+tableauOnglets[idOnglet].titre+'</li>';
123
			}
136
			}
124
		}
137
		}
125
		htmlMenu += '</ul>';
138
		htmlMenu += '</ul>';
126
		
139
		
127
		if (nbOngletsInvisibles > 0) { 
140
		if (nbOngletsInvisibles > 0) { 
128
			$("#conteneurMenuOnglets").html(htmlMenu);
141
			$("#conteneurMenuOnglets").html(htmlMenu);
129
			$("#conteneurMenuOnglets").toggle();
142
			$("#conteneurMenuOnglets").toggle();
130
			$('#lienOngletEtPlus').text('-');
143
			$('#lienOngletEtPlus').text('-');
131
		}
144
		}
132
	}
145
	}
133
}
146
}
134
 
147
 
135
function fermerMenuOnglets() {
148
function fermerMenuOnglets() {
136
	$("#conteneurMenuOnglets").html('');
149
	$("#conteneurMenuOnglets").html('');
137
	$('#lienOngletEtPlus').text('+');
150
	$('#lienOngletEtPlus').text('+');
138
}
151
}
139
	
152
	
140
function redimensionnerOnglets() {
153
function redimensionnerOnglets() {
141
	// 570 px au max
154
	// 570 px au max
142
	// 18 px largeur croix 
155
	// 18 px largeur croix 
143
	// 18 px largeur texte 
156
	// 18 px largeur texte 
144
	// 36 px largeur totale
157
	// 36 px largeur totale
145
	// 25 px largeur et +
158
	// 25 px largeur et +
146
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
159
	var liensVisibles = $('#zone_onglets > ul > li:visible > a');
147
	var longueurLiens = 0;
160
	var longueurLiens = 0;
148
	liensVisibles.each(function() {
161
	liensVisibles.each(function() {
149
		longueurLiens += $(this).width();
162
		longueurLiens += $(this).width();
150
	});
163
	});
151
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
164
	var nbOnglets = $('#zone_onglets > ul > li:visible').length;
152
	var longueurMax =  505 - (nbOnglets * 36);
165
	var longueurMax =  505 - (nbOnglets * 36);
153
	if(longueurLiens >= longueurMax || nbOnglets > 5) { 
166
	if(longueurLiens >= longueurMax || nbOnglets > 5) { 
154
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
167
		$('#zone_onglets > ul > li > a').not('.lien-statique').width(longueurMax/nbOnglets);
155
	} else {
168
	} else {
156
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");	
169
		$('#zone_onglets > ul > li > a').not('.lien-statique').css("width","auto");	
157
	}
170
	}
158
}
171
}
159
 
172
 
160
function selectionnerOngletSynthese() {
173
function selectionnerOngletSynthese() {
161
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
174
	// Suppression des classes css qui mettent en surbrillance l'onglet actif
162
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
175
	$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');
163
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
176
	$('#zone_onglets > ul > li').removeClass('ui-state-active');
164
	
177
	
165
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
178
	// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"
166
	$('#onglet_synthese').addClass('ui-tabs-selected');
179
	$('#onglet_synthese').addClass('ui-tabs-selected');
167
	$('#onglet_synthese').addClass('ui-state-active'); 
180
	$('#onglet_synthese').addClass('ui-state-active'); 
168
	
181
	
169
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
182
	// si des onglets ont été ajouté ou supprimé pendant que l'onglet synthèse n'était pas selectionné
170
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
183
	// on s'assure que l'état des blocs ouvert correspond bien à celui de onglets
171
	synchroniserOngletsOuvertsEtBlocs();
184
	synchroniserOngletsOuvertsEtBlocs();
172
}
185
}
173
 
186
 
174
function synchroniserOngletsOuvertsEtBlocs() {
187
function synchroniserOngletsOuvertsEtBlocs() {
175
	for(indice in tableauOnglets) {
188
	for(indice in tableauOnglets) {
176
		var ongletEnCours = tableauOnglets[indice];
189
		var ongletEnCours = tableauOnglets[indice];
177
		if(ongletEnCours.onglet != null) {
190
		if(ongletEnCours.onglet != null) {
178
			var ongletVisible = ongletEnCours.onglet.is(':visible');
191
			var ongletVisible = ongletEnCours.onglet.is(':visible');
179
			$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
192
			$(ongletEnCours.portlet).find(".contenu").toggle(ongletVisible);
180
		}
193
		}
181
	}
194
	}
182
}
195
}
183
 
196
 
184
function deselectionnerOngletSynthese() {
197
function deselectionnerOngletSynthese() {
185
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
198
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
186
	$('#onglet_synthese').removeClass('ui-tabs-selected');
199
	$('#onglet_synthese').removeClass('ui-tabs-selected');
187
	$('#onglet_synthese').removeClass('ui-state-active'); 
200
	$('#onglet_synthese').removeClass('ui-state-active'); 
188
}
201
}
189
 
202
 
190
function getUrlVars()
203
function getUrlVars()
191
{
204
{
192
    var vars = [], hash;
205
    var vars = [], hash;
193
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
206
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
194
    for(var i = 0; i < hashes.length; i++)
207
    for(var i = 0; i < hashes.length; i++)
195
    {
208
    {
196
        hash = hashes[i].split('=');
209
        hash = hashes[i].split('=');
197
        vars.push(hash[0]);
210
        vars.push(hash[0]);
198
        vars[hash[0]] = hash[1];
211
        vars[hash[0]] = hash[1];
199
    }
212
    }
200
    return vars;
213
    return vars;
201
}
214
}
202
 
215
 
203
var ongletSyntheseCharge = true;
216
var ongletSyntheseCharge = true;
204
function selectionnerOngletParDefautOuEnregistre() {
217
function selectionnerOngletParDefautOuEnregistre() {
205
	
218
	
206
	// Si un onglet est précisé dans l'url
219
	// Si un onglet est précisé dans l'url
207
	// Récupération de l'adresse de l'onglet sélectionné
220
	// Récupération de l'adresse de l'onglet sélectionné
208
	var urlVars = getUrlVars();
221
	var urlVars = getUrlVars();
209
	if(urlVars['onglet'] == undefined) { 	
222
	if(urlVars['onglet'] == undefined) { 	
210
		// Si pas d'onglet enregistré, selection du premier par défaut
223
		// Si pas d'onglet enregistré, selection du premier par défaut
211
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
224
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
212
		selectionnerOngletSynthese();
225
		selectionnerOngletSynthese();
213
		$('.ui-tabs-panel').hide();
226
		$('.ui-tabs-panel').hide();
214
		$('#synthese').show();
227
		$('#synthese').show();
215
	} else {
228
	} else {
216
		ongletSyntheseCharge = false;
229
		ongletSyntheseCharge = false;
217
	}
230
	}
218
	var cookieOnglet = obtenirOngletCookiePourPage();
231
	var cookieOnglet = obtenirOngletCookiePourPage();
219
	
232
	
220
	// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est 
233
	// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est 
221
	// pratique pendant le développement
234
	// pratique pendant le développement
222
	if(cookieOnglet && cookieOnglet != 'ui-tabs-1') {
235
	if(cookieOnglet && cookieOnglet != 'ui-tabs-1') {
223
		$('#zone_onglets').tabs("select", '#'+cookieOnglet);
236
		$('#zone_onglets').tabs("select", '#'+cookieOnglet);
224
	} else {
237
	} else {
225
		selectionnerOngletSynthese();
238
		selectionnerOngletSynthese();
226
		$('.ui-tabs-panel').hide();
239
		$('.ui-tabs-panel').hide();
227
		$('#synthese').show();
240
		$('#synthese').show();
228
	}
241
	}
229
}
242
}
230
 
243
 
231
function afficherOngletsPourNiveau() {
244
function afficherOngletsPourNiveau() {
232
	/* affiche les onglets par default selon niveau*/
245
	/* affiche les onglets par default selon niveau*/
233
	for(indice in tableauOnglets) {
246
	for(indice in tableauOnglets) {
234
		var ongletEnCours = tableauOnglets[indice];
247
		var ongletEnCours = tableauOnglets[indice];
235
		titre_onglet = ongletEnCours.titre;
248
		titre_onglet = ongletEnCours.titre;
236
		titre_onglet = $.trim(titre_onglet);
249
		titre_onglet = $.trim(titre_onglet);
237
		if (!Array.indexOf) {
250
		if (!Array.indexOf) {
238
			  Array.prototype.indexOf = function (obj, start) {
251
			  Array.prototype.indexOf = function (obj, start) {
239
			    for (var i = (start || 0); i < this.length; i++) {
252
			    for (var i = (start || 0); i < this.length; i++) {
240
			      if (this[i] == obj) {
253
			      if (this[i] == obj) {
241
			        return i;
254
			        return i;
242
			      }
255
			      }
243
			    }
256
			    }
244
			    return -1;
257
			    return -1;
245
			  }
258
			  }
246
			}
259
			}
247
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
260
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
248
			ongletEnCours.afficherCacherModule();	
261
			ongletEnCours.afficherCacherModule();	
249
			nbOngletsInvisibles++;
262
			nbOngletsInvisibles++;
250
		}
263
		}
251
	}
264
	}
252
}
265
}
253
 
266
 
254
function surSelectionOnglet(event,ui) {
267
function surSelectionOnglet(event,ui) {
255
	// Récupération de l'adresse de l'onglet sélectionné
268
	// Récupération de l'adresse de l'onglet sélectionné
256
	var url = ui.tab.href;
269
	var url = ui.tab.href;
257
	// le fragment suivant le # dans l'url contient l'id de l'onglet
270
	// le fragment suivant le # dans l'url contient l'id de l'onglet
258
	var fragmentsAncre = url.split('#');
271
	var fragmentsAncre = url.split('#');
259
	fancyboxinitialise = false;
272
	fancyboxinitialise = false;
260
	
273
	
261
	if (fragmentsAncre.length > 0) {
274
	if (fragmentsAncre.length > 0) {
262
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
275
		var ancre = fragmentsAncre[fragmentsAncre.length - 1];
263
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
276
		// si on a cliqué sur l'onglet etPlus, on ne doit rien faire car celui-ci affiche le menu
264
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
277
		// TODO: voir s'il convient d'afficher le menu EtPlus dans d'autres onglets que celui de synthese
265
		if (ancre != 'etPlus') {
278
		if (ancre != 'etPlus') {
266
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
279
			// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin
267
			// chargera son contenu dans l'espace approprié
280
			// chargera son contenu dans l'espace approprié
268
			if (ancre != 'ui-tabs-1') {
281
			if (ancre != 'ui-tabs-1') {
269
				var panel = $(ui.panel);
282
				var panel = $(ui.panel);
270
			    if (panel.is(":empty")) {
283
			    if (panel.is(":empty")) {
271
			        panel.append("<div class='tab-chargement'>Chargement des informations...</div>")
284
			        panel.append("<div class='tab-chargement'>Chargement des informations...</div>")
272
			    }
285
			    }
273
 
286
 
274
				deselectionnerOngletSynthese();
287
				deselectionnerOngletSynthese();
275
				$('.ui-tabs-panel').show();
288
				$('.ui-tabs-panel').show();
276
				$('#zone_contenu_fiche').hide();
289
				$('#zone_contenu_fiche').hide();
277
				
290
				
278
				enregistrerOngletCookiePourPage(ancre);
291
				enregistrerOngletCookiePourPage(ancre);
279
			} else {
292
			} else {
280
				if(ongletSyntheseCharge) {
293
				if(ongletSyntheseCharge) {
281
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
294
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
282
					selectionnerOngletSynthese();
295
					selectionnerOngletSynthese();
283
					$('.ui-tabs-panel').hide();
296
					$('.ui-tabs-panel').hide();
284
					$('#zone_contenu_fiche').show();
297
					$('#zone_contenu_fiche').show();
285
					
298
					
286
					enregistrerOngletCookiePourPage(ancre);
299
					enregistrerOngletCookiePourPage(ancre);
287
					return false;
300
					return false;
288
				} else {
301
				} else {
289
					window.location = url;
302
					window.location = url;
290
				}
303
				}
291
			}
304
			}
292
		}
305
		}
293
	}
306
	}
294
 
307
 
295
	return true;
308
	return true;
296
}
309
}
297
 
310
 
298
function obtenirOngletCookiePourPage() {
311
function obtenirOngletCookiePourPage() {
299
	
312
	
300
	var urlVars = getUrlVars();
313
	var urlVars = getUrlVars();
301
	var id_cookie = 'onglet_eflore';
314
	var id_cookie = 'onglet_eflore';
302
	if(urlVars['num_nom']) {
315
	if(urlVars['num_nom']) {
303
		id_cookie += '_'+urlVars['num_nom'];
316
		id_cookie += '_'+urlVars['num_nom'];
304
	}
317
	}
305
	
318
	
306
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
319
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
307
}
320
}
308
 
321
 
309
function enregistrerOngletCookiePourPage(valeur) {
322
function enregistrerOngletCookiePourPage(valeur) {
310
	var urlVars = getUrlVars();
323
	var urlVars = getUrlVars();
311
	var id_cookie = 'onglet_eflore';
324
	var id_cookie = 'onglet_eflore';
312
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
325
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
313
		id_cookie += '_'+urlVars['num_nom'];
326
		id_cookie += '_'+urlVars['num_nom'];
314
	}
327
	}
315
	$.cookie(id_cookie, valeur);
328
	$.cookie(id_cookie, valeur);
316
}
329
}
317
 
330
 
318
function lierModulesEtOnglets() {
331
function lierModulesEtOnglets() {
319
	var i = 1;
332
	var i = 1;
320
	
333
	
321
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
334
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
322
	$(".module").each(function () {
335
	$(".module").each(function () {
323
		i++;
336
		i++;
324
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
337
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
325
		var module = new Module(i, this, $(identifiantOnglet));
338
		var module = new Module(i, this, $(identifiantOnglet));
326
		var titre = $(this).children('h3').text();
339
		var titre = $(this).children('h3').text();
327
		module.titre = titre;
340
		module.titre = titre;
328
		
341
		
329
		tableauOnglets[identifiantOnglet] = module;
342
		tableauOnglets[identifiantOnglet] = module;
330
	});
343
	});
331
	$(".lien-onglet").each(function() {
344
	$(".lien-onglet").each(function() {
332
		var adresse_onglet = $(this).attr('href');
345
		var adresse_onglet = $(this).attr('href');
333
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
346
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
334
		$(this).attr('href', adresse_contenu_onglet);
347
		$(this).attr('href', adresse_contenu_onglet);
335
	});
348
	});
336
}
349
}
337
 
350
 
338
function creerMenuOngletsFermes() {
351
function creerMenuOngletsFermes() {
339
	$("#ongletEtPlus").click(function() {
352
	$("#ongletEtPlus").click(function() {
340
		afficherCacherMenuOnglets();
353
		afficherCacherMenuOnglets();
341
	});
354
	});
342
	
355
	
343
	$('.elementMenuModules').live('click', function() {	
356
	$('.elementMenuModules').live('click', function() {	
344
		var idOnglet = $(this).attr('rel');
357
		var idOnglet = $(this).attr('rel');
345
		var objet = tableauOnglets[idOnglet];
358
		var objet = tableauOnglets[idOnglet];
346
		objet.afficherCacherModule();
359
		objet.afficherCacherModule();
347
		$(this).toggleClass("elementMenuModulesSelectionne");
360
		$(this).toggleClass("elementMenuModulesSelectionne");
348
		
361
		
349
		// suppression de l'item correspondant dans le menu
362
		// suppression de l'item correspondant dans le menu
350
		$(this).remove();
363
		$(this).remove();
351
		nbOngletsInvisibles --;
364
		nbOngletsInvisibles --;
352
		// si tous les onglets sont affichés alors on cache le menu
365
		// si tous les onglets sont affichés alors on cache le menu
353
		if(nbOngletsInvisibles == 0) {
366
		if(nbOngletsInvisibles == 0) {
354
			afficherCacherMenuOnglets();
367
			afficherCacherMenuOnglets();
355
		}
368
		}
356
	});
369
	});
357
		
370
		
358
	$('#conteneurMenuOnglets').live("mouseleave", function() {
371
	$('#conteneurMenuOnglets').live("mouseleave", function() {
359
		fermerMenuOnglets();
372
		fermerMenuOnglets();
360
	});
373
	});
361
}
374
}
362
 
375
 
363
function ajouterTitreSurvolOnglets() {
376
function ajouterTitreSurvolOnglets() {
364
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
377
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
365
	$('.lien-onglet').parent().each(function() {
378
	$('.lien-onglet').parent().each(function() {
366
		$(this).attr("title",$(this).children("a").text());
379
		$(this).attr("title",$(this).children("a").text());
367
	});
380
	});
368
} 
381
} 
-
 
382
 
-
 
383
function getTemplateFormulaireEditionWiki(page, section, texte) {	
-
 
384
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
-
 
385
	var formulaire = 
-
 
386
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
-
 
387
		  '<div>'+
-
 
388
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
-
 
389
		  '</div>'+
-
 
390
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
-
 
391
		  '<input type="submit" text="sauver" />'+
-
 
392
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
-
 
393
		'</form>';		
-
 
394
	return formulaire;
-
 
395
}
-
 
396
 
-
 
397
function getSection() {
-
 
398
	return $('.editable_sur_clic').attr("title");
-
 
399
}
-
 
400
 
-
 
401
function getPageWikiTaxon() {
-
 
402
	return pageWikiTaxon;
-
 
403
}
-
 
404
 
-
 
405
function getUrlEditionPourPageEtSection(page, section) {
-
 
406
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
-
 
407
}
-
 
408
 
-
 
409
function getUrlTextePourPageSectionBrute(page, section) {
-
 
410
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
-
 
411
}
-
 
412
 
-
 
413
function getUrlTextePourPageSectionFormatee(page, section) {
-
 
414
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
-
 
415
}
-
 
416
 
-
 
417
var htmlWikiOriginal = '';
-
 
418
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
-
 
419
	var adresse = getUrlTextePourPageSectionBrute(getPageWikiTaxon(), getSection());
-
 
420
	htmlWikiOriginal = objet_contenu.html();
-
 
421
	$.getJSON(adresse, function(data) {
-
 
422
		$('.editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
-
 
423
	});
-
 
424
}
-
 
425
 
-
 
426
function gererEvenementsWiki() {
-
 
427
	
-
 
428
	$('.editable_sur_clic').live('dblclick',function(event) {
-
 
429
		remplacerContenuWikiParFormulaireEdition($(this));
-
 
430
	});
-
 
431
	
-
 
432
	$('#formulaire_edition_wiki').live('submit',function(event) {
-
 
433
	    event.preventDefault(); 
-
 
434
		var valeurs = $(this).serialize();
-
 
435
		$.post($(this).attr('action'), valeurs, function(data) {
-
 
436
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
-
 
437
			$.getJSON(adresse, function(data) {
-
 
438
				$('.editable_sur_clic').html(data.texte);
-
 
439
			});
-
 
440
		});
-
 
441
	});
-
 
442
	
-
 
443
	$('.bouton_annuler_edition').live('click', function(event) {
-
 
444
		 event.preventDefault(); 
-
 
445
		 $('.editable_sur_clic').html(htmlWikiOriginal);
-
 
446
	});
-
 
447
}
369
 
448
 
370
var fancyboxinitialise = false;
449
var fancyboxinitialise = false;
371
 
450
 
372
//Initialisation
451
//Initialisation
373
$(document).ready(function() {
452
$(document).ready(function() {
374
	lierModulesEtOnglets();
453
	lierModulesEtOnglets();
375
	
454
	
376
	$('#ongletEtPlus').show();
455
	$('#ongletEtPlus').show();
377
	
456
	
378
	/* mouvement des blocs */
457
	/* mouvement des blocs */
379
	$( ".colonne" ).sortable({
458
	$( ".colonne" ).sortable({
380
		connectWith: ".colonne",
459
		connectWith: ".colonne",
381
		handle: $(".module").children('h3') // mouvement seulement sur les titres
460
		handle: $(".module").children('h3') // mouvement seulement sur les titres
382
	});
461
	});
383
 
462
 
384
	$( ".colonne" ).disableSelection();
463
	$( ".colonne" ).disableSelection();
385
	
464
	
386
	$('#zone_onglets').tabs({
465
	$('#zone_onglets').tabs({
387
		add: function(event, ui) {
466
		add: function(event, ui) {
388
			redimensionnerOnglets();
467
			redimensionnerOnglets();
389
		},
468
		},
390
		remove: function(event, ui) {
469
		remove: function(event, ui) {
391
			redimensionnerOnglets();
470
			redimensionnerOnglets();
392
		},
471
		},
393
		select: function(event, ui) {	
472
		select: function(event, ui) {	
394
			return surSelectionOnglet(event,ui)
473
			return surSelectionOnglet(event,ui)
395
		}
474
		}
396
	});
475
	});
397
	// TODO : devrait être .on() à la place de live()
476
	// TODO : devrait être .on() à la place de live()
398
	$('.lien_popup').live('click',function(event) {
477
	$('.lien_popup').live('click',function(event) {
399
		event.preventDefault();
478
		event.preventDefault();
400
		$.fancybox(this,{
479
		$.fancybox(this,{
401
			autoDimensions:false,
480
			autoDimensions:false,
402
			width:580
481
			width:580
403
		});
482
		});
404
	});
483
	});
405
	
484
	
406
	$('.illustration_taxon').live('click',function(event) {
485
	$('.illustration_taxon').live('click',function(event) {
407
		if(!fancyboxinitialise) {
486
		if(!fancyboxinitialise) {
408
			event.preventDefault();
487
			event.preventDefault();
409
			$('.illustration_taxon').fancybox({
488
			$('.illustration_taxon').fancybox({
410
				cyclic:true
489
				cyclic:true
411
			});
490
			});
412
			fancyboxinitialise = true;
491
			fancyboxinitialise = true;
413
			$(this).click();
492
			$(this).click();
414
		}
493
		}
415
	});
494
	});
416
	
495
	
417
	creerMenuOngletsFermes();
496
	creerMenuOngletsFermes();
418
	afficherOngletsPourNiveau();
497
	afficherOngletsPourNiveau();
419
	ajouterTitreSurvolOnglets();
498
	ajouterTitreSurvolOnglets();
420
	redimensionnerOnglets();
499
	redimensionnerOnglets();
421
	selectionnerOngletParDefautOuEnregistre();
500
	selectionnerOngletParDefautOuEnregistre();
422
	
501
	
423
	$('.ui-icon-close').click(function() {
502
	$('.ui-icon-close').click(function() {
424
		estOngletActif = $(this).parent().hasClass('ui-state-active');
503
		estOngletActif = $(this).parent().hasClass('ui-state-active');
425
		if (estOngletActif) {
504
		if (estOngletActif) {
426
			//L'onglet que l'on veut fermet est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil
505
			//L'onglet que l'on veut fermet est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil
427
			$("#zone_onglets").tabs('select', 0);
506
			$("#zone_onglets").tabs('select', 0);
428
		}
507
		}
429
	});
508
	});
-
 
509
	
-
 
510
	gererEvenementsWiki();
430
});
511
});
431
 
512
 
432
 
513
 
433
$(document).ajaxStop(function() {
514
$(document).ajaxStop(function() {
434
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
515
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
435
	    $('.svg').each(function() {
516
	    $('.svg').each(function() {
436
	   	 
517
	   	 
437
	   	 alt = $(this).attr('alt');
518
	   	 alt = $(this).attr('alt');
438
	   	 img = document.createElement('img');
519
	   	 img = document.createElement('img');
439
	   	 img.src = alt;
520
	   	 img.src = alt;
440
	   	 $(this).replaceWith(img);
521
	   	 $(this).replaceWith(img);
441
	    });
522
	    });
442
	}
523
	}
443
});
524
});