Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 1243 Rev 1244
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
var ongletIllustrationsCharge = false;
21
var ongletIllustrationsCharge = false;
22
 
22
 
23
/** Classe Module
23
/** Classe Module
24
* Définit un module de type portlet
24
* Définit un module de type portlet
25
**/
25
**/
26
function Module(id, module, onglet, statique) {
26
function Module(id, module, onglet, statique) {
27
 
27
 
28
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
28
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
29
	this.id = id;
29
	this.id = id;
30
	this.titre;
30
	this.titre;
31
	this.htmlResume;
31
	this.htmlResume;
32
	this.statique = statique;
32
	this.statique = statique;
33
 
33
 
34
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
34
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
35
	this.portlet = module;
35
	this.portlet = module;
36
	this.onglet;
36
	this.onglet;
37
 
37
 
38
	// creerPortlet 
38
	// creerPortlet 
39
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
39
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
40
	this.creerPortlet = function() {
40
	this.creerPortlet = function() {
41
		var objet = this;
41
		var objet = this;
42
 
42
 
43
		var titre = $(module).children('.titre');
43
		var titre = $(module).children('.titre');
44
		titre.className = 'titre ui-widget-header ui-corner-all';
44
		titre.className = 'titre ui-widget-header ui-corner-all';
45
		titre.id = 'titre-' + this.id;
45
		titre.id = 'titre-' + this.id;
46
		
46
		
47
		var lienTitre = $(module).children('.titre').children('a');
47
		var lienTitre = $(module).children('.titre').children('a');
48
		lienTitre.attr('href','#'+this.id);
48
		lienTitre.attr('href','#'+this.id);
49
		lienTitre.click(function() {
49
		lienTitre.click(function() {
50
			$('#zone_onglets').tabs( "option", "active", (objet.id -1));
50
			$('#zone_onglets').tabs( "option", "active", (objet.id -1));
51
			return false;
51
			return false;
52
		});
52
		});
53
		lienTitre.hover(function() {
53
		lienTitre.hover(function() {
54
			if (!objet.ongletEstAffiche()) {
54
			if (!objet.ongletEstAffiche()) {
55
				$(this).css({"color":"white"});
55
				$(this).css({"color":"white"});
56
			} else {
56
			} else {
57
				$(this).css({"color":"#E78F08"});
57
				$(this).css({"color":"#E78F08"});
58
			}
58
			}
59
		}); 
59
		}); 
60
		
60
		
61
		lienTitre.mouseout(function() {
61
		lienTitre.mouseout(function() {
62
			$(this).css({"color":"white"});
62
			$(this).css({"color":"white"});
63
		});
63
		});
64
 
64
 
65
		var contenu = $(module).children('.contenu');
65
		var contenu = $(module).children('.contenu');
66
		contenu.id = 'contenu-' + this.id;
66
		contenu.id = 'contenu-' + this.id;
67
		contenu.className ='contenu';
67
		contenu.className ='contenu';
68
 
68
 
69
		var lienToggle = document.createElement('span');
69
		var lienToggle = document.createElement('span');
70
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
70
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
71
		$(titre).append(lienToggle);
71
		$(titre).append(lienToggle);
72
		$(lienToggle).click(function() {
72
		$(lienToggle).click(function() {
73
			objet.afficherCacherModule();
73
			objet.afficherCacherModule();
74
		});
74
		});
75
 
75
 
76
		this.portlet = module;
76
		this.portlet = module;
77
		return module;	
77
		return module;	
78
	}
78
	}
79
	
79
	
80
	this.ongletEstAffiche = function() {
80
	this.ongletEstAffiche = function() {
81
		return $(this.onglet.selector).is(':visible');
81
		return $(this.onglet.selector).is(':visible');
82
	}
82
	}
83
 
83
 
84
	// Crée l'objet Onglet HTML
84
	// Crée l'objet Onglet HTML
85
	this.creerOnglet = function() {
85
	this.creerOnglet = function() {
86
		var objet = this;
86
		var objet = this;
87
		this.onglet = onglet;
87
		this.onglet = onglet;
88
	}
88
	}
89
		
89
		
90
	// Initialisation de l'objet
90
	// Initialisation de l'objet
91
	this.creerPortlet();
91
	this.creerPortlet();
92
	this.creerOnglet();
92
	this.creerOnglet();
93
	
93
	
94
	// Accesseurs de la classe
94
	// Accesseurs de la classe
95
	this.getOnglet = function() {
95
	this.getOnglet = function() {
96
		return this.onglet;	
96
		return this.onglet;	
97
	}
97
	}
98
	
98
	
99
	this.getPortlet = function() {
99
	this.getPortlet = function() {
100
		return this.portlet;
100
		return this.portlet;
101
	}
101
	}
102
	
102
	
103
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
103
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
104
	this.afficherCacherModule = function() { 
104
	this.afficherCacherModule = function() { 
105
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
105
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
106
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
106
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
107
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
107
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
108
		$(this.portlet).find(".contenu").toggle();
108
		$(this.portlet).find(".contenu").toggle();
109
	}
109
	}
110
}
110
}
111
 
111
 
112
function getUrlVars() {
112
function getUrlVars() {
113
    var vars = [], hash;
113
    var vars = [], hash;
114
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
114
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
115
    for (var i = 0; i < hashes.length; i++) {
115
    for (var i = 0; i < hashes.length; i++) {
116
        hash = hashes[i].split('=');
116
        hash = hashes[i].split('=');
117
        vars.push(hash[0]);
117
        vars.push(hash[0]);
118
        vars[hash[0]] = hash[1];
118
        vars[hash[0]] = hash[1];
119
    }
119
    }
120
    return vars;
120
    return vars;
121
}
121
}
122
 
122
 
123
function afficherOngletsPourNiveau() {
123
function afficherOngletsPourNiveau() {
124
	/* affiche les onglets par default selon niveau*/
124
	/* affiche les onglets par default selon niveau*/
125
	for (indice in tableauOnglets) {
125
	for (indice in tableauOnglets) {
126
		var ongletEnCours = tableauOnglets[indice];
126
		var ongletEnCours = tableauOnglets[indice];
127
		titre_onglet = ongletEnCours.titre;
127
		titre_onglet = ongletEnCours.titre;
128
		titre_onglet = $.trim(titre_onglet);
128
		titre_onglet = $.trim(titre_onglet);
129
		if (!Array.indexOf) {
129
		if (!Array.indexOf) {
130
			  Array.prototype.indexOf = function (obj, start) {
130
			  Array.prototype.indexOf = function (obj, start) {
131
			    for (var i = (start || 0); i < this.length; i++) {
131
			    for (var i = (start || 0); i < this.length; i++) {
132
			      if (this[i] == obj) {
132
			      if (this[i] == obj) {
133
			        return i;
133
			        return i;
134
			      }
134
			      }
135
			    }
135
			    }
136
			    return -1;
136
			    return -1;
137
			  }
137
			  }
138
			}
138
			}
139
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
139
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
140
			ongletEnCours.afficherCacherModule();	
140
			ongletEnCours.afficherCacherModule();	
141
			nbOngletsInvisibles++;
141
			nbOngletsInvisibles++;
142
		}
142
		}
143
	}
143
	}
144
}
144
}
145
 
145
 
146
function obtenirOngletCookiePourPage() {
146
function obtenirOngletCookiePourPage() {
147
	var urlVars = getUrlVars();
147
	var urlVars = getUrlVars();
148
	var id_cookie = 'onglet_eflore';
148
	var id_cookie = 'onglet_eflore';
149
	if (urlVars['num_nom']) {
149
	if (urlVars['num_nom']) {
150
		id_cookie += '_'+urlVars['num_nom'];
150
		id_cookie += '_'+urlVars['num_nom'];
151
	}	
151
	}	
152
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
152
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
153
}
153
}
154
 
154
 
155
function enregistrerOngletCookiePourPage(valeur) {
155
function enregistrerOngletCookiePourPage(valeur) {
156
	var urlVars = getUrlVars();
156
	var urlVars = getUrlVars();
157
	var id_cookie = 'onglet_eflore';
157
	var id_cookie = 'onglet_eflore';
158
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
158
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
159
		id_cookie += '_'+urlVars['num_nom'];
159
		id_cookie += '_'+urlVars['num_nom'];
160
	}
160
	}
161
	$.cookie(id_cookie, valeur);
161
	$.cookie(id_cookie, valeur);
162
}
162
}
163
 
163
 
164
function lierModulesEtOnglets() {
164
function lierModulesEtOnglets() {
165
	var i = 1;
165
	var i = 1;
166
	
166
	
167
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
167
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
168
	$(".module").each(function () {
168
	$(".module").each(function () {
169
		i++;
169
		i++;
170
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
170
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
171
		var module = new Module(i, this, $(identifiantOnglet));
171
		var module = new Module(i, this, $(identifiantOnglet));
172
		var titre = $(this).children('h3').text();
172
		var titre = $(this).children('h3').text();
173
		module.titre = titre;
173
		module.titre = titre;
174
		
174
		
175
		tableauOnglets[identifiantOnglet] = module;
175
		tableauOnglets[identifiantOnglet] = module;
176
	});
176
	});
177
}
177
}
178
 
178
 
179
// remplace des liens directs vers les onglets par des liens permettant de ne charger
179
// remplace des liens directs vers les onglets par des liens permettant de ne charger
180
// que le contenu de l'onglet (pour le plugin tab)
180
// que le contenu de l'onglet (pour le plugin tab)
181
function remplacerUrlsOnglets() {
181
function remplacerUrlsOnglets() {
182
	$(".lien-onglet").each(function() {
182
	$(".lien-onglet").each(function() {
183
		var urlOnglet = $(this).attr('href');
183
		var urlOnglet = $(this).attr('href');
184
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
184
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
185
		urlBase = base_url_application_onglets+"?"+urlVars;
185
		urlBase = base_url_application_onglets+"?"+urlVars;
186
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
186
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
187
		$(this).attr('href', urlOnglet);
187
		$(this).attr('href', urlOnglet);
188
	});
188
	});
189
}
189
}
190
 
190
 
191
ongletsInitialises = false;
191
ongletsInitialises = false;
192
numOngletEnCours = null;
192
numOngletEnCours = null;
193
nePasEmpilerUrl = false;
193
nePasEmpilerUrl = false;
194
function initialiserOnglets() {
194
function initialiserOnglets() {
195
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
195
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
196
	// pour le module tab qui charge les url désignée dans les liens des tabs
196
	// pour le module tab qui charge les url désignée dans les liens des tabs
197
	remplacerUrlsOnglets();
197
	remplacerUrlsOnglets();
198
	
198
	
199
	// analyse de l'onglet désigné comme selectionné par défaut
199
	// analyse de l'onglet désigné comme selectionné par défaut
200
	// (on peut accéder directement à un onglet précis à travers un param url)
200
	// (on peut accéder directement à un onglet précis à travers un param url)
201
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
201
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
202
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
202
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
203
	
203
	
204
	$('#zone_onglets').tabs({
204
	$('#zone_onglets').tabs({
205
		create: function( event, ui ) {
205
		create: function( event, ui ) {
206
			// par défaut, le contenu déjà chargé est dans une autre zone
206
			// par défaut, le contenu déjà chargé est dans une autre zone
207
			// on le déplace donc comme s'il avait été chargé par le plugin tab
207
			// on le déplace donc comme s'il avait été chargé par le plugin tab
208
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
208
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
209
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
209
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
210
			$("#zone_contenu_fiche").hide();
210
			$("#zone_contenu_fiche").hide();
211
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
211
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
212
		},
212
		},
213
		active: indexTabSelectionneDefaut ,
213
		active: indexTabSelectionneDefaut ,
214
		beforeLoad: function( event, ui ) {
214
		beforeLoad: function( event, ui ) {
215
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
215
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
216
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
216
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
217
			// +1 car les tabs sont zéros indexées
217
			// +1 car les tabs sont zéros indexées
218
			var idPanelCharge = ui.tab.index()+1;
218
			var idPanelCharge = ui.tab.index()+1;
219
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
219
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
220
			
220
			
221
			numOngletEnCours = idPanelCharge;
221
			numOngletEnCours = idPanelCharge;
222
 
222
 
223
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
223
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
224
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
224
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
225
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
225
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
226
				if(!nePasEmpilerUrl) {
226
				if(!nePasEmpilerUrl) {
227
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
227
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
228
					nePasEmpilerUrl = false;
228
					nePasEmpilerUrl = false;
229
				}
229
				}
-
 
230
 
-
 
231
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
230
				panelCharge.show();
232
				panelCharge.show();
231
				return false;
233
				return false;
232
			} else {
234
			} else {
233
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
235
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
234
				// pendant que le plugin s'occupe du reste
236
				// pendant que le plugin s'occupe du reste
235
				fancyboxinitialise = false;
237
				fancyboxinitialise = false;
236
				var panel = $('#ui-tabs-'+idPanelCharge);
238
				var panel = $('#ui-tabs-'+idPanelCharge);
237
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
239
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
238
				return true;
240
				return true;
239
			}
241
			}
240
		},
242
		},
241
		load: function(event, ui) {
243
		load: function(event, ui) {
242
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
244
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
243
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
245
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
244
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
246
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
-
 
247
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
245
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
248
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
246
		}
249
		}
247
	});
250
	});
248
	
251
	
249
	$(window).bind('popstate', function(event) {
252
	$(window).bind('popstate', function(event) {
250
		if(!!event.originalEvent.state) {
253
		if(!!event.originalEvent.state) {
251
			nePasEmpilerUrl = true;
254
			nePasEmpilerUrl = true;
252
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
255
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
253
		} else {
256
		} else {
254
			window.location = window.location.href;
257
			window.location = window.location.href;
255
		}
258
		}
256
	});
259
	});
257
}
260
}
258
 
261
 
259
//+----------------------------------------------------------------------------------------------------------+
262
//+----------------------------------------------------------------------------------------------------------+
260
// Wikini Flora
263
// Wikini Flora
261
var htmlWikiOriginal = '';
264
var htmlWikiOriginal = '';
262
var objetContenuWiki = null;
265
var objetContenuWiki = null;
263
 
266
 
264
function getTemplateFormulaireEditionWiki(page, section, texte) {	
267
function getTemplateFormulaireEditionWiki(page, section, texte) {	
265
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
268
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
266
	var formulaire = 
269
	var formulaire = 
267
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
270
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
268
		  '<div>'+
271
		  '<div>'+
269
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
272
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
270
		  '</div>'+
273
		  '</div>'+
271
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
274
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
272
		  '<input type="submit" text="sauver" />'+
275
		  '<input type="submit" text="sauver" />'+
273
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
276
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
274
		'</form>';		
277
		'</form>';		
275
	return formulaire;
278
	return formulaire;
276
}
279
}
277
 
280
 
278
function getSection() {
281
function getSection() {
279
	return objetContenuWiki.attr("title");
282
	return objetContenuWiki.attr("title");
280
}
283
}
281
 
284
 
282
function getPageWikiTaxon() {
285
function getPageWikiTaxon() {
283
	return pageWikiTaxon;
286
	return pageWikiTaxon;
284
}
287
}
285
 
288
 
286
function getUrlEditionPourPageEtSection(page, section) {
289
function getUrlEditionPourPageEtSection(page, section) {
287
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
290
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
288
}
291
}
289
 
292
 
290
function getUrlTextePourPageSectionBrute(page, section) {
293
function getUrlTextePourPageSectionBrute(page, section) {
291
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
294
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
292
}
295
}
293
 
296
 
294
function getUrlTextePourPageSectionFormatee(page, section) {
297
function getUrlTextePourPageSectionFormatee(page, section) {
295
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
298
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
296
}
299
}
297
 
300
 
298
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
301
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
299
	objetContenuWiki = objet_contenu;
302
	objetContenuWiki = objet_contenu;
300
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
303
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
301
	htmlWikiOriginal = objet_contenu.html();
304
	htmlWikiOriginal = objet_contenu.html();
302
	$.getJSON(adresse, function(data) {
305
	$.getJSON(adresse, function(data) {
303
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
306
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
304
	});
307
	});
305
}
308
}
306
 
309
 
307
function gererEvenementsWiki() {
310
function gererEvenementsWiki() {
308
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
311
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
309
	$('.editable_sur_clic').live('dblclick',function(event) {
312
	$('.editable_sur_clic').live('dblclick',function(event) {
310
		remplacerContenuWikiParFormulaireEdition($(this));
313
		remplacerContenuWikiParFormulaireEdition($(this));
311
	});
314
	});
312
	
315
	
313
	$('#formulaire_edition_wiki').live('submit',function(event) {
316
	$('#formulaire_edition_wiki').live('submit',function(event) {
314
	    event.preventDefault(); 
317
	    event.preventDefault(); 
315
		var valeurs = $(this).serialize();
318
		var valeurs = $(this).serialize();
316
		$.post($(this).attr('action'), valeurs, function(data) {
319
		$.post($(this).attr('action'), valeurs, function(data) {
317
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
320
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
318
			$.getJSON(adresse, function(data) {
321
			$.getJSON(adresse, function(data) {
319
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
322
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
320
			});
323
			});
321
		});
324
		});
322
	});
325
	});
323
	
326
	
324
	$('.bouton_annuler_edition').live('click', function(event) {
327
	$('.bouton_annuler_edition').live('click', function(event) {
325
		event.preventDefault();
328
		event.preventDefault();
326
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
329
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
327
	});
330
	});
328
	
331
	
329
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
332
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
330
}
333
}
331
 
334
 
332
//+----------------------------------------------------------------------------------------------------------+
335
//+----------------------------------------------------------------------------------------------------------+
333
//Affichage dans une nouvelle fenetre
336
//Affichage dans une nouvelle fenetre
334
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
337
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
335
	$(selecteur).find('a').live('click', function(event) {
338
	$(selecteur).find('a').live('click', function(event) {
336
		window.open($(this).attr('href'));
339
		window.open($(this).attr('href'));
337
		event.preventDefault();
340
		event.preventDefault();
338
		return false;
341
		return false;
339
	});
342
	});
340
}
343
}
341
 
344
 
342
//+----------------------------------------------------------------------------------------------------------+
345
//+----------------------------------------------------------------------------------------------------------+
343
// Plier / déplier
346
// Plier / déplier
344
function plierTout() {
347
function plierTout() {
345
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
348
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
346
	$('.plus').css('display', 'none');
349
	$('.plus').css('display', 'none');
347
}
350
}
348
 
351
 
349
function deplierTout() {
352
function deplierTout() {
350
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
353
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
351
	$('.plus').css('display', 'inline');
354
	$('.plus').css('display', 'inline');
352
}
355
}
353
 
356
 
354
function gestionBiblio(parent) {
357
function gestionBiblio(parent) {
355
	parent.children('.nom').each(function () {
358
	parent.children('.nom').each(function () {
356
		html = $(this).html();
359
		html = $(this).html();
357
		posCrochetGauche = html.indexOf('[');
360
		posCrochetGauche = html.indexOf('[');
358
		if (posCrochetGauche > 0) {
361
		if (posCrochetGauche > 0) {
359
			nom = html.substr(0, posCrochetGauche);
362
			nom = html.substr(0, posCrochetGauche);
360
			biblio = html.substr(posCrochetGauche, html.length);
363
			biblio = html.substr(posCrochetGauche, html.length);
361
			$(this).html(nom);
364
			$(this).html(nom);
362
			
365
			
363
			imagettePlus = document.createElement('div');
366
			imagettePlus = document.createElement('div');
364
			$(imagettePlus).addClass('imagettePlus');
367
			$(imagettePlus).addClass('imagettePlus');
365
			$(this).prepend($(imagettePlus));
368
			$(this).prepend($(imagettePlus));
366
			
369
			
367
			plus = document.createElement('span');
370
			plus = document.createElement('span');
368
			$(plus).addClass('plus');
371
			$(plus).addClass('plus');
369
			$(plus).html(biblio);
372
			$(plus).html(biblio);
370
			$(plus).hide();
373
			$(plus).hide();
371
			
374
			
372
			$(this).click(function() {
375
			$(this).click(function() {
373
				if (!$(this).children('.plus').is(':visible')) {
376
				if (!$(this).children('.plus').is(':visible')) {
374
					$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
377
					$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
375
					$(this).children('.plus').css('display', 'inline');
378
					$(this).children('.plus').css('display', 'inline');
376
				} else {
379
				} else {
377
					$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
380
					$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
378
					$(this).children('.plus').css('display', 'none');
381
					$(this).children('.plus').css('display', 'none');
379
				}
382
				}
380
			});				
383
			});				
381
			$(this).append($(plus));		
384
			$(this).append($(plus));		
382
		}
385
		}
383
	});
386
	});
384
}
387
}
385
 
388
 
386
function gererEvenementsPliage() {
389
function gererEvenementsPliage() {
387
	$('.lien_tout_deplier').live('click', function() {
390
	$('.lien_tout_deplier').live('click', function() {
388
		deplierTout();
391
		deplierTout();
389
	});
392
	});
390
	$('.lien_tout_plier').live('click', function() {
393
	$('.lien_tout_plier').live('click', function() {
391
		plierTout();
394
		plierTout();
392
	});
395
	});
393
	gestionBiblio(document);
396
	gestionBiblio(document);
394
}
397
}
395
 
398
 
396
//+----------------------------------------------------------------------------------------------------------+
399
//+----------------------------------------------------------------------------------------------------------+
397
//Pop Up images
400
//Pop Up images
398
function ouvrirPopUpImg(event) {
401
function ouvrirPopUpImg(event) {
399
	event.preventDefault();
402
	event.preventDefault();
400
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),
403
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),
401
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
404
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
402
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
405
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
403
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
406
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
404
			+',status='+event.data.status+'"');
407
			+',status='+event.data.status+'"');
405
}
408
}
406
 
409
 
407
//+----------------------------------------------------------------------------------------------------------+
410
//+----------------------------------------------------------------------------------------------------------+
408
// Message de chargement pour les graphique écologie
411
// Message de chargement pour les graphique écologie
409
function gererChargementGraphiqueEcologie() {
412
function gererChargementGraphiqueEcologie() {
410
	$('.ecologie_svg').addClass('chargement');
413
	$('.ecologie_svg').addClass('chargement');
411
}
414
}
412
 
415
 
413
function gererAffichageLegendeEcologie() {
416
function gererAffichageLegendeEcologie() {
414
	$('.voir').live('click', function() {
417
	$('.voir').live('click', function() {
415
		$(this).siblings('.legende_graphique').show();
418
		$(this).siblings('.legende_graphique').show();
416
		$(this).siblings('.cacher').show();
419
		$(this).siblings('.cacher').show();
417
		$(this).hide();
420
		$(this).hide();
418
	});
421
	});
419
	
422
	
420
	$('.cacher').live('click', function() {
423
	$('.cacher').live('click', function() {
421
		$(this).siblings('.legende_graphique').hide();
424
		$(this).siblings('.legende_graphique').hide();
422
		$(this).siblings('.voir').show();
425
		$(this).siblings('.voir').show();
423
		$(this).hide();
426
		$(this).hide();
424
	});
427
	});
425
}
428
}
426
 
429
 
427
 
430
 
428
//+----------------------------------------------------------------------------------------------------------+
431
//+----------------------------------------------------------------------------------------------------------+
429
// Initialisation
432
// Initialisation
430
var fancyboxinitialise = false;
433
var fancyboxinitialise = false;
431
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
434
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
432
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
435
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
433
 
436
 
434
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
437
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
435
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
438
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
436
 
439
 
437
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
440
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
438
$("#bloc-fiche").ready(function() {
441
$("#bloc-fiche").ready(function() {
439
	initialiserOnglets();
442
	initialiserOnglets();
440
 
443
 
441
	// TODO : devrait être .on() à la place de live()
444
	// TODO : devrait être .on() à la place de live()
442
	$('.lien_popup').live('click',function(event) {
445
	$('.lien_popup').live('click',function(event) {
443
		event.preventDefault();
446
		event.preventDefault();
444
		$.fancybox(this,{
447
		$.fancybox(this,{
445
			autoDimensions:false,
448
			autoDimensions:false,
446
			width:580
449
			width:580
447
		});
450
		});
448
	});
451
	});
449
	
452
	
450
	// TODO : devrait être .on() à la place de live()
453
	// TODO : devrait être .on() à la place de live()
451
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
454
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
452
		event.preventDefault();
455
		event.preventDefault();
453
		$.fancybox(this,{
456
		$.fancybox(this,{
454
			autoDimensions:true
457
			autoDimensions:true
455
		});
458
		});
456
	});
459
	});
457
		
460
		
458
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
461
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
459
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
462
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
460
	
463
	
461
	afficherOngletsPourNiveau();
464
	afficherOngletsPourNiveau();
462
 
465
 
463
	gererEvenementsWiki();
466
	gererEvenementsWiki();
464
	gererEvenementsPliage();
467
	gererEvenementsPliage();
465
	
468
	
466
	$('a.lien_retour_synthese').click(function(event) {
469
	$('a.lien_retour_synthese').click(function(event) {
467
		$('#onglet_synthese a').click();
470
		$('#onglet_synthese a').click();
468
		event.preventDefault();
471
		event.preventDefault();
469
	});
472
	});
470
	
473
	
471
	$(window).resize(function() {
474
	$(window).resize(function() {
472
		redimensionnerOnglets();
475
		redimensionnerOnglets();
473
	});
476
	});
474
	redimensionnerOnglets();
477
	redimensionnerOnglets();
475
	
478
	
476
	if($("#bloc-fiche").length > 0) {
479
	if($("#bloc-fiche").length > 0) {
477
		// initialisation de l'url avec l'onglet par défaut ou bien 
480
		// initialisation de l'url avec l'onglet par défaut ou bien 
478
		// celui qui a été explicitement demandé
481
		// celui qui a été explicitement demandé
479
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
482
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
480
	}
483
	}
481
});
484
});
482
 
485
 
483
$(document).one('ongletSyntheseCharge', function() {
486
$(document).one('ongletSyntheseCharge', function() {
484
	lierModulesEtOnglets();
487
	lierModulesEtOnglets();
485
	
488
	
486
	/* mouvement des blocs */
489
	/* mouvement des blocs */
487
	$(".colonne").sortable({
490
	$(".colonne").sortable({
488
		connectWith: ".colonne",
491
		connectWith: ".colonne",
489
		handle: $(".module").children('h3') // mouvement seulement sur les titres
492
		handle: $(".module").children('h3') // mouvement seulement sur les titres
490
	});
493
	});
491
	
494
	
492
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
495
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
493
		event.preventDefault();
496
		event.preventDefault();
494
		$(this).parents(".module").find("a.titreOnglet").click();
497
		$(this).parents(".module").find("a.titreOnglet").click();
495
	});
498
	});
496
	
499
	
497
	gererClicIllustrationsFiche();
500
	gererClicIllustrationsFiche();
498
	gererEvenementsPliage();
501
	gererEvenementsPliage();
499
});
502
});
500
 
503
 
501
// À la fin du chargement de l'onglet Illustrations
504
// À la fin du chargement de l'onglet Illustrations
502
$(document).one('ongletIllustrationsCharge', function() {
505
$(document).one('ongletIllustrationsCharge', function() {
503
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
506
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
504
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
507
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
505
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
508
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
506
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
509
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
507
	afficherOngletOrgane(null, premier);
510
	afficherOngletOrgane(null, premier);
508
});
511
});
509
 
512
 
510
// Affiche les n images ayant le plus de votes, pour l'organe $tag
513
// Affiche les n images ayant le plus de votes, pour l'organe $tag
511
function afficherOngletOrgane(e, tag) {
514
function afficherOngletOrgane(e, tag) {
512
	var onglets = $('div.onglet-organe'),
515
	var onglets = $('div.onglet-organe'),
513
		contenu = $('#galerie-organes-contenu'),
516
		contenu = $('#galerie-organes-contenu'),
514
		organeOnglet;
517
		organeOnglet;
515
 
518
 
516
	if (tag === undefined) {
519
	if (tag === undefined) {
517
		tag = $(this).data('tag')
520
		tag = $(this).data('tag')
518
	}
521
	}
519
	if ($(this).parent().hasClass('active')) { // replier
522
	if ($(this).parent().hasClass('active')) { // replier
520
		$(this).parent().removeClass('active')
523
		$(this).parent().removeClass('active')
521
		contenu.hide();
524
		contenu.hide();
522
		return false;
525
		return false;
523
	}
526
	}
524
 
527
 
525
	onglets.each(function() {
528
	onglets.each(function() {
526
		organeOnglet = $(this).data('tag');
529
		organeOnglet = $(this).data('tag');
527
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
530
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
528
		if (organeOnglet == tag) {
531
		if (organeOnglet == tag) {
529
			$(this).show();
532
			$(this).show();
530
			li.addClass('active');
533
			li.addClass('active');
531
		} else {
534
		} else {
532
			$(this).hide();
535
			$(this).hide();
533
			li.removeClass('active');
536
			li.removeClass('active');
534
		}
537
		}
535
	});
538
	});
536
 
539
 
537
	contenu.show();
540
	contenu.show();
538
 
541
 
539
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
542
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
540
		grandeImage = $('#grande-image-organe').find('img');
543
		grandeImage = $('#grande-image-organe').find('img');
541
	premierLienGrandeImage.trigger('click');
544
	premierLienGrandeImage.trigger('click');
542
	grandeImage.show('fast');
545
	grandeImage.show('fast');
543
 
546
 
544
	return false;
547
	return false;
545
}
548
}
546
 
549
 
547
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
550
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
548
function afficherGrandeImageOrgane() {
551
function afficherGrandeImageOrgane() {
549
	var grandeImage = $('#grande-image-organe').find('img'),
552
	var grandeImage = $('#grande-image-organe').find('img'),
550
		source = $(this).find('img').attr('src');
553
		source = $(this).find('img').attr('src');
551
	source = source.replace('CRX2S', 'L'); // @FIXME cracra
554
	source = source.replace('CRX2S', 'L'); // @FIXME cracra
552
	// chargement image et lien popup
555
	// chargement image et lien popup
553
	grandeImage.attr('src', source);
556
	grandeImage.attr('src', source);
554
	grandeImage.parent().attr('href','/eflore/consultation/popup.php?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));
557
	grandeImage.parent().attr('href','/eflore/consultation/popup.php?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));
555
	// métadonnées
558
	// métadonnées
556
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
559
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
557
		clef;
560
		clef;
558
	for (var i = 0; i < metadonnees.length; i++) {
561
	for (var i = 0; i < metadonnees.length; i++) {
559
		clef = metadonnees[i];
562
		clef = metadonnees[i];
560
		$('#grande-image-legende-' + clef).html($(this).data(clef));
563
		$('#grande-image-legende-' + clef).html($(this).data(clef));
561
	}
564
	}
562
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
565
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
563
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
566
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
564
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
567
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
565
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message à l'auteur à propos de cette image (nécessite d'être identifié)");
568
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message à l'auteur à propos de cette image (nécessite d'être identifié)");
566
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
569
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
567
	$('#grande-image-legende-auteur').attr('target', '_blank');
570
	$('#grande-image-legende-auteur').attr('target', '_blank');
568
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (nécessite d'être identifié)");
571
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (nécessite d'être identifié)");
569
}
572
}
570
 
573
 
571
// transforme une date du type "2012-04-06" en "06 avril 2012"
574
// transforme une date du type "2012-04-06" en "06 avril 2012"
572
function formaterDateVersFrancais(date) {
575
function formaterDateVersFrancais(date) {
573
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
576
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
574
		amj_hms = date.split(' '),
577
		amj_hms = date.split(' '),
575
		amj = amj_hms[0].split('-');
578
		amj = amj_hms[0].split('-');
576
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
579
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
577
}
580
}
578
 
581
 
579
function redimensionnerOnglets() {
582
function redimensionnerOnglets() {
580
	
583
	
581
	var largeurTotale = $('#zone_onglets').width();
584
	var largeurTotale = $('#zone_onglets').width();
582
	var largeurOnglets = 0;
585
	var largeurOnglets = 0;
583
	var largeurDernierOnglet = 0;
586
	var largeurDernierOnglet = 0;
584
	$('#onglets li').each(function() {
587
	$('#onglets li').each(function() {
585
		largeurDernierOnglet = $(this).outerWidth();
588
		largeurDernierOnglet = $(this).outerWidth();
586
		largeurOnglets += $(this).outerWidth();
589
		largeurOnglets += $(this).outerWidth();
587
	});
590
	});
588
	
591
	
589
	var espaceRestant = largeurTotale - largeurOnglets;
592
	var espaceRestant = largeurTotale - largeurOnglets;
590
	if(espaceRestant < largeurDernierOnglet) {
593
	if(espaceRestant < largeurDernierOnglet) {
591
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
594
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
592
		$('#onglets li').each(function() {
595
		$('#onglets li').each(function() {
593
			$(this).width($(this).width() - (pxALiberer - 4));
596
			$(this).width($(this).width() - (pxALiberer - 4));
594
			$(this).css("font-size", "0.9em");
597
			$(this).css("font-size", "0.9em");
595
		});
598
		});
596
	} else {
599
	} else {
597
		$('#onglets li').each(function() {
600
		$('#onglets li').each(function() {
598
			$(this).css("width", "auto");
601
			$(this).css("width", "auto");
599
			$(this).css("font-size", "1em");
602
			$(this).css("font-size", "1em");
600
		});
603
		});
601
	}
604
	}
602
}
605
}
603
 
606
 
604
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
607
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
605
function gererClicIllustrationsFiche() {
608
function gererClicIllustrationsFiche() {
606
	$('.illustration_cel').live('click', function() {
609
	$('.illustration_cel').live('click', function() {
607
		var url_image = $(this).attr('src');
610
		var url_image = $(this).attr('src');
608
		var titre = $('.nomenclature').first().text();
611
		var titre = $('.nomenclature').first().text();
609
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
612
		var url = urlPopup+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
610
		//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
613
		//var url = urlPopup+"?module=popup-galerie-organes&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+encodeURIComponent(titre)+"&url_image="+encodeURIComponent(url_image)+"&referentiel="+REFERENTIEL;
611
		//alert(url);
614
		//alert(url);
612
		//return false;
615
		//return false;
613
		window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
616
		window.open(url, $(this).attr('data-num-nom'), 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(400)+', height='+(375));
614
	}); 
617
	}); 
615
	
618
	
616
	$('#synthese_repartition img').click(function(event) {
619
	$('#synthese_repartition img').click(function(event) {
617
		// Ouverture de l'onglet répartition
620
		// Ouverture de l'onglet répartition
618
		event.preventDefault();
621
		event.preventDefault();
619
		$(this).parents(".module").find("a.titreOnglet").click();
622
		$(this).parents(".module").find("a.titreOnglet").click();
620
	});
623
	});
621
}
624
}
622
 
625
 
623
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
626
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
624
	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));
627
	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));
625
	var tmp = fenetre.document;
628
	var tmp = fenetre.document;
626
	tmp.write('<html><head><title>'+titre+'</title>');
629
	tmp.write('<html><head><title>'+titre+'</title>');
627
	tmp.write('</head><body>');
630
	tmp.write('</head><body>');
628
	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>');
631
	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>');
629
	tmp.write('</body></html>');
632
	tmp.write('</body></html>');
630
	tmp.close();
633
	tmp.close();
631
}
634
}
632
 
635
 
633
function mettreAJourUrl(nouvelleUrl, etat) {
636
function mettreAJourUrl(nouvelleUrl, etat) {
634
	// javascript double negative trick
637
	// javascript double negative trick
635
	// pour plus d'info http://stackoverflow.com/questions/4686583/can-someone-explain-this-double-negative-trick
638
	// pour plus d'info http://stackoverflow.com/questions/4686583/can-someone-explain-this-double-negative-trick
636
	if (!!(window.history && window.history.pushState)) {
639
	if (!!(window.history && window.history.pushState)) {
637
		var currentState = window.history.state;
640
		var currentState = window.history.state;
638
		if (currentState != nouvelleUrl && !!etat) {
641
		if (currentState != nouvelleUrl && !!etat) {
639
			window.history.pushState(etat, "", nouvelleUrl);
642
			window.history.pushState(etat, "", nouvelleUrl);
640
		}
643
		}
641
	}
644
	}
642
}
645
}
643
 
646
 
644
$(document).ajaxStop(function() {
647
$(document).ajaxStop(function() {
645
	gererChargementGraphiqueEcologie();
648
	gererChargementGraphiqueEcologie();
646
	gererAffichageLegendeEcologie();
649
	gererAffichageLegendeEcologie();
647
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
650
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
648
		$('.svg').each(function() {
651
		$('.svg').each(function() {
649
			alt = $(this).attr('alt');
652
			alt = $(this).attr('alt');
650
			img = document.createElement('img');
653
			img = document.createElement('img');
651
			img.src = alt;
654
			img.src = alt;
652
			$(this).replaceWith(img);
655
			$(this).replaceWith(img);
653
		});
656
		});
654
	}
657
	}
655
});
658
});