Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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