Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 1272 Rev 1289
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
popStateOriginal = true;
194
popStateOriginal = true;
195
function initialiserOnglets() {
195
function initialiserOnglets() {
196
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
196
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
197
	// pour le module tab qui charge les url désignée dans les liens des tabs
197
	// pour le module tab qui charge les url désignée dans les liens des tabs
198
	remplacerUrlsOnglets();
198
	remplacerUrlsOnglets();
199
	
199
	
200
	// analyse de l'onglet désigné comme selectionné par défaut
200
	// analyse de l'onglet désigné comme selectionné par défaut
201
	// (on peut accéder directement à un onglet précis à travers un param url)
201
	// (on peut accéder directement à un onglet précis à travers un param url)
202
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
202
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
203
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
203
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
204
 
204
 
205
	$('#zone_onglets').tabs({
205
	$('#zone_onglets').tabs({
206
		create: function( event, ui ) {
206
		create: function( event, ui ) {
207
			// par défaut, le contenu déjà chargé est dans une autre zone
207
			// par défaut, le contenu déjà chargé est dans une autre zone
208
			// on le déplace donc comme s'il avait été chargé par le plugin tab
208
			// on le déplace donc comme s'il avait été chargé par le plugin tab
209
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
209
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
210
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
210
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
211
			$("#zone_contenu_fiche").hide();
211
			$("#zone_contenu_fiche").hide();
212
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
212
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
213
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
213
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
214
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
214
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
215
		},
215
		},
216
		active: indexTabSelectionneDefaut ,
216
		active: indexTabSelectionneDefaut ,
217
		beforeLoad: function( event, ui ) {
217
		beforeLoad: function( event, ui ) {
218
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
218
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
219
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
219
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
220
			// +1 car les tabs sont zéros indexées
220
			// +1 car les tabs sont zéros indexées
221
			var idPanelCharge = ui.tab.index()+1;
221
			var idPanelCharge = ui.tab.index()+1;
222
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
222
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
223
			
223
			
224
			numOngletEnCours = idPanelCharge;
224
			numOngletEnCours = idPanelCharge;
225
 
225
 
226
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
226
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
227
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
227
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
228
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
228
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
229
				if(!nePasEmpilerUrl) {
229
				if(!nePasEmpilerUrl) {
230
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
230
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
231
					nePasEmpilerUrl = false;
231
					nePasEmpilerUrl = false;
232
				}
232
				}
233
 
233
 
234
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
234
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
235
				panelCharge.show();
235
				panelCharge.show();
236
				return false;
236
				return false;
237
			} else {
237
			} else {
238
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
238
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
239
				// pendant que le plugin s'occupe du reste
239
				// pendant que le plugin s'occupe du reste
240
				fancyboxinitialise = false;
240
				fancyboxinitialise = false;
241
				var panel = $('#ui-tabs-'+idPanelCharge);
241
				var panel = $('#ui-tabs-'+idPanelCharge);
242
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
242
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
243
				return true;
243
				return true;
244
			}
244
			}
245
		},
245
		},
246
		load: function(event, ui) {
246
		load: function(event, ui) {
247
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
247
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
248
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
248
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
249
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
249
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
250
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
250
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
251
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
251
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
252
		}
252
		}
253
	});
253
	});
254
	
254
	
255
	$(window).bind('popstate', function(event) {
255
	$(window).bind('popstate', function(event) {
256
		if(!!event.originalEvent.state) {
256
		if(!!event.originalEvent.state) {
257
			nePasEmpilerUrl = true;
257
			nePasEmpilerUrl = true;
258
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
258
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
259
		} else {
259
		} else {
260
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger 
260
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger 
261
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
261
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
262
			if(!popStateOriginal) {
262
			if(!popStateOriginal) {
263
				window.location = window.location.href;
263
				window.location = window.location.href;
264
			}
264
			}
265
			popStateOriginal = false;
265
			popStateOriginal = false;
266
		}
266
		}
267
	});
267
	});
268
}
268
}
269
 
269
 
270
//+----------------------------------------------------------------------------------------------------------+
270
//+----------------------------------------------------------------------------------------------------------+
271
// Wikini Flora
271
// Wikini Flora
272
var htmlWikiOriginal = '';
272
var htmlWikiOriginal = '';
273
var objetContenuWiki = null;
273
var objetContenuWiki = null;
274
 
274
 
275
function getTemplateFormulaireEditionWiki(page, section, texte) {	
275
function getTemplateFormulaireEditionWiki(page, section, texte) {	
276
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
276
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
277
	var formulaire = 
277
	var formulaire = 
278
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
278
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
279
		  '<div>'+
279
		  '<div>'+
280
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
280
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
281
		  '</div>'+
281
		  '</div>'+
282
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
282
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
283
		  '<input type="submit" text="sauver" />'+
283
		  '<input type="submit" text="sauver" />'+
284
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
284
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
285
		'</form>';		
285
		'</form>';		
286
	return formulaire;
286
	return formulaire;
287
}
287
}
288
 
288
 
289
function getSection() {
289
function getSection() {
290
	return objetContenuWiki.attr("title");
290
	return objetContenuWiki.attr("title");
291
}
291
}
292
 
292
 
293
function getPageWikiTaxon() {
293
function getPageWikiTaxon() {
294
	return pageWikiTaxon;
294
	return pageWikiTaxon;
295
}
295
}
296
 
296
 
297
function getUrlEditionPourPageEtSection(page, section) {
297
function getUrlEditionPourPageEtSection(page, section) {
298
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
298
	return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
299
}
299
}
300
 
300
 
301
function getUrlTextePourPageSectionBrute(page, section) {
301
function getUrlTextePourPageSectionBrute(page, section) {
302
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
302
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
303
}
303
}
304
 
304
 
305
function getUrlTextePourPageSectionFormatee(page, section) {
305
function getUrlTextePourPageSectionFormatee(page, section) {
306
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
306
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
307
}
307
}
308
 
308
 
309
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
309
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
310
	objetContenuWiki = objet_contenu;
310
	objetContenuWiki = objet_contenu;
311
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
311
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
312
	htmlWikiOriginal = objet_contenu.html();
312
	htmlWikiOriginal = objet_contenu.html();
313
	$.getJSON(adresse, function(data) {
313
	$.getJSON(adresse, function(data) {
314
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
314
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
315
	});
315
	});
316
}
316
}
317
 
317
 
318
function gererEvenementsWiki() {
318
function gererEvenementsWiki() {
319
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
319
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
320
	$('.editable_sur_clic').live('dblclick',function(event) {
320
	$('.editable_sur_clic').live('dblclick',function(event) {
321
		remplacerContenuWikiParFormulaireEdition($(this));
321
		remplacerContenuWikiParFormulaireEdition($(this));
322
	});
322
	});
323
	
323
	
324
	$('#formulaire_edition_wiki').live('submit',function(event) {
324
	$('#formulaire_edition_wiki').live('submit',function(event) {
325
	    event.preventDefault(); 
325
	    event.preventDefault(); 
326
		var valeurs = $(this).serialize();
326
		var valeurs = $(this).serialize();
327
		$.post($(this).attr('action'), valeurs, function(data) {
327
		$.post($(this).attr('action'), valeurs, function(data) {
328
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
328
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
329
			$.getJSON(adresse, function(data) {
329
			$.getJSON(adresse, function(data) {
330
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
330
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
331
			});
331
			});
332
		});
332
		});
333
	});
333
	});
334
	
334
	
335
	$('.bouton_annuler_edition').live('click', function(event) {
335
	$('.bouton_annuler_edition').live('click', function(event) {
336
		event.preventDefault();
336
		event.preventDefault();
337
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
337
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
338
	});
338
	});
339
	
339
	
340
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
340
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
341
}
341
}
342
 
342
 
343
//+----------------------------------------------------------------------------------------------------------+
343
//+----------------------------------------------------------------------------------------------------------+
344
//Affichage dans une nouvelle fenetre
344
//Affichage dans une nouvelle fenetre
345
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
345
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
346
	$(selecteur).find('a').live('click', function(event) {
346
	$(selecteur).find('a').live('click', function(event) {
347
		window.open($(this).attr('href'));
347
		window.open($(this).attr('href'));
348
		event.preventDefault();
348
		event.preventDefault();
349
		return false;
349
		return false;
350
	});
350
	});
351
}
351
}
352
 
352
 
353
//+----------------------------------------------------------------------------------------------------------+
353
//+----------------------------------------------------------------------------------------------------------+
354
// Plier / déplier
354
// Plier / déplier
355
function plierTout() {
355
function plierTout() {
356
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
356
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
357
	$('.plus').css('display', 'none');
357
	$('.plus').css('display', 'none');
358
}
358
}
359
 
359
 
360
function deplierTout() {
360
function deplierTout() {
361
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
361
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
362
	$('.plus').css('display', 'inline');
362
	$('.plus').css('display', 'inline');
363
}
363
}
364
 
364
 
365
function gestionBiblio(parent) {
365
function gestionBiblio(parent) {
366
	parent.children('.nom').each(function () {
366
	parent.children('.nom').each(function () {
367
		html = $(this).html();
367
		html = $(this).html();
368
		posCrochetGauche = html.indexOf('[');
368
		posCrochetGauche = html.indexOf('[');
369
		if (posCrochetGauche > 0) {
369
		if (posCrochetGauche > 0) {
370
			nom = html.substr(0, posCrochetGauche);
370
			nom = html.substr(0, posCrochetGauche);
371
			biblio = html.substr(posCrochetGauche, html.length);
371
			biblio = html.substr(posCrochetGauche, html.length);
372
			$(this).html(nom);
372
			$(this).html(nom);
373
			
373
			
374
			imagettePlus = document.createElement('div');
374
			imagettePlus = document.createElement('div');
375
			$(imagettePlus).addClass('imagettePlus');
375
			$(imagettePlus).addClass('imagettePlus');
376
			$(this).prepend($(imagettePlus));
376
			$(this).prepend($(imagettePlus));
377
			
377
			
378
			plus = document.createElement('span');
378
			plus = document.createElement('span');
379
			$(plus).addClass('plus');
379
			$(plus).addClass('plus');
380
			$(plus).html(biblio);
380
			$(plus).html(biblio);
381
			$(plus).hide();
381
			$(plus).hide();
382
			
382
			
383
			$(this).click(function() {
383
			$(this).click(function() {
384
				if (!$(this).children('.plus').is(':visible')) {
384
				if (!$(this).children('.plus').is(':visible')) {
385
					$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
385
					$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
386
					$(this).children('.plus').css('display', 'inline');
386
					$(this).children('.plus').css('display', 'inline');
387
				} else {
387
				} else {
388
					$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
388
					$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
389
					$(this).children('.plus').css('display', 'none');
389
					$(this).children('.plus').css('display', 'none');
390
				}
390
				}
391
			});				
391
			});				
392
			$(this).append($(plus));		
392
			$(this).append($(plus));		
393
		}
393
		}
394
	});
394
	});
395
}
395
}
396
 
396
 
397
function gererEvenementsPliage() {
397
function gererEvenementsPliage() {
398
	$('.lien_tout_deplier').live('click', function() {
398
	$('.lien_tout_deplier').live('click', function() {
399
		deplierTout();
399
		deplierTout();
400
	});
400
	});
401
	$('.lien_tout_plier').live('click', function() {
401
	$('.lien_tout_plier').live('click', function() {
402
		plierTout();
402
		plierTout();
403
	});
403
	});
404
	gestionBiblio(document);
404
	gestionBiblio(document);
405
}
405
}
406
 
406
 
407
//+----------------------------------------------------------------------------------------------------------+
407
//+----------------------------------------------------------------------------------------------------------+
408
//Pop Up images
408
//Pop Up images
409
function ouvrirPopUpImg(event) {
409
function ouvrirPopUpImg(event) {
410
	event.preventDefault();
410
	event.preventDefault();
411
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),
411
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),
412
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
412
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
413
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
413
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
414
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
414
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
415
			+',status='+event.data.status+'"');
415
			+',status='+event.data.status+'"');
416
}
416
}
417
 
417
 
418
//+----------------------------------------------------------------------------------------------------------+
418
//+----------------------------------------------------------------------------------------------------------+
419
// Message de chargement pour les graphique écologie
419
// Message de chargement pour les graphique écologie
420
function gererChargementGraphiqueEcologie() {
420
function gererChargementGraphiqueEcologie() {
421
	$('.ecologie_svg').addClass('chargement');
421
	$('.ecologie_svg').addClass('chargement');
422
}
422
}
423
 
423
 
424
function gererAffichageLegendeEcologie() {
424
function gererAffichageLegendeEcologie() {
425
	$('.voir').live('click', function() {
425
	$('.voir').live('click', function() {
426
		$(this).siblings('.legende_graphique').show();
426
		$(this).siblings('.legende_graphique').show();
427
		$(this).siblings('.cacher').show();
427
		$(this).siblings('.cacher').show();
428
		$(this).hide();
428
		$(this).hide();
429
	});
429
	});
430
	
430
	
431
	$('.cacher').live('click', function() {
431
	$('.cacher').live('click', function() {
432
		$(this).siblings('.legende_graphique').hide();
432
		$(this).siblings('.legende_graphique').hide();
433
		$(this).siblings('.voir').show();
433
		$(this).siblings('.voir').show();
434
		$(this).hide();
434
		$(this).hide();
435
	});
435
	});
436
}
436
}
437
 
437
 
438
 
438
 
439
//+----------------------------------------------------------------------------------------------------------+
439
//+----------------------------------------------------------------------------------------------------------+
440
// Initialisation
440
// Initialisation
441
var fancyboxinitialise = false;
441
var fancyboxinitialise = false;
442
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
442
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
443
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
443
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
444
 
444
 
445
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
445
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
446
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
446
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
447
 
447
 
448
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
448
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
449
$(document).one('ficheSyntheseChargee', function() {
449
$(document).one('ficheSyntheseChargee', function() {
450
	initialiserOnglets();
450
	initialiserOnglets();
451
 
451
 
452
	// TODO : devrait être .on() à la place de live()
452
	// TODO : devrait être .on() à la place de live()
453
	$('.lien_popup').live('click',function(event) {
453
	$('.lien_popup').live('click',function(event) {
454
		event.preventDefault();
454
		event.preventDefault();
455
		$.fancybox(this,{
455
		$.fancybox(this,{
456
			autoDimensions:false,
456
			autoDimensions:false,
457
			width:580
457
			width:580
458
		});
458
		});
459
	});
459
	});
460
	
460
	
461
	// TODO : devrait être .on() à la place de live()
461
	// TODO : devrait être .on() à la place de live()
462
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
462
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
463
		event.preventDefault();
463
		event.preventDefault();
464
		$.fancybox(this,{
464
		$.fancybox(this,{
465
			autoDimensions:true
465
			autoDimensions:true
466
		});
466
		});
467
	});
467
	});
468
		
468
		
469
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
469
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
470
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
470
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
471
	
471
	
472
	afficherOngletsPourNiveau();
472
	afficherOngletsPourNiveau();
473
 
473
 
474
	gererEvenementsWiki();
474
	gererEvenementsWiki();
475
	gererEvenementsPliage();
475
	gererEvenementsPliage();
476
	
476
	
477
	$('a.lien_retour_synthese').click(function(event) {
477
	$('a.lien_retour_synthese').click(function(event) {
478
		$('#onglet_synthese a').click();
478
		$('#onglet_synthese a').click();
479
		event.preventDefault();
479
		event.preventDefault();
480
	});
480
	});
481
	
481
	
482
	$(window).resize(function() {
482
	$(window).resize(function() {
483
		redimensionnerOnglets();
483
		redimensionnerOnglets();
484
	});
484
	});
485
	redimensionnerOnglets();
485
	redimensionnerOnglets();
486
	
486
	
487
	if($("#bloc-fiche").length > 0) {
487
	if($("#bloc-fiche").length > 0) {
488
		// initialisation de l'url avec l'onglet par défaut ou bien 
488
		// initialisation de l'url avec l'onglet par défaut ou bien 
489
		// celui qui a été explicitement demandé
489
		// celui qui a été explicitement demandé
490
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
490
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
491
	}
491
	}
492
	gererInteractionsPermaliens();
492
	gererInteractionsPermaliens();
493
});
493
});
494
 
494
 
495
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
495
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
496
	if(!!elementHtml && elementHtml != null) {	
496
	if(!!elementHtml && elementHtml != null) {	
497
		if(elementHtml.attachEvent) {// Internet Explorer
497
		if(elementHtml.attachEvent) {// Internet Explorer
498
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
498
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
499
		} else if(elementHtml.addEventListener) { // Firefox & autres
499
		} else if(elementHtml.addEventListener) { // Firefox & autres
500
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
500
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
501
		}
501
		}
502
	}
502
	}
503
} 
503
} 
504
 
504
 
505
$(document).one('ongletRepartitionCharge', function() {
505
$(document).one('ongletRepartitionCharge', function() {
506
	$(".conteneur_repartition_observations").addClass("chargement_repartition");
506
	$(".conteneur_repartition_observations").addClass("chargement_repartition");
507
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
507
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
508
	// sur autre chose qu'une image
508
	// sur autre chose qu'une image
509
	$('#repartition_observations').ready(function() {
509
	$('#repartition_observations').ready(function() {
510
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
510
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
511
			$(".conteneur_repartition_observations").removeClass("chargement_repartition");
511
			$(".conteneur_repartition_observations").removeClass("chargement_repartition");
512
		});
512
		});
513
	});
513
	});
514
 
514
 
515
});
515
});
516
 
516
 
517
$(document).one('ongletSyntheseCharge', function() {
517
$(document).one('ongletSyntheseCharge', function() {
518
	lierModulesEtOnglets();
518
	lierModulesEtOnglets();
519
	
519
	
520
	/* mouvement des blocs */
520
	/* mouvement des blocs */
521
	$(".colonne").sortable({
521
	$(".colonne").sortable({
522
		connectWith: ".colonne",
522
		connectWith: ".colonne",
523
		handle: $(".module").children('h3') // mouvement seulement sur les titres
523
		handle: $(".module").children('h3') // mouvement seulement sur les titres
524
	});
524
	});
525
	
525
	
526
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
526
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
527
		event.preventDefault();
527
		event.preventDefault();
528
		$(this).parents(".module").find("a.titreOnglet").click();
528
		$(this).parents(".module").find("a.titreOnglet").click();
529
	});
529
	});
530
	
530
	
531
	gererClicIllustrationsFiche();
531
	gererClicIllustrationsFiche();
532
	gererEvenementsPliage();
532
	gererEvenementsPliage();
533
});
533
});
534
 
534
 
535
// À la fin du chargement de l'onglet Illustrations
535
// À la fin du chargement de l'onglet Illustrations
536
$(document).one('ongletIllustrationsCharge', function() {
536
$(document).one('ongletIllustrationsCharge', function() {
537
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
537
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
538
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
538
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
539
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
539
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
540
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
540
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
541
	afficherOngletOrgane(null, premier);
541
	afficherOngletOrgane(null, premier);
-
 
542
	
-
 
543
	$("a.lien_telechargement_image").fancybox({
-
 
544
		"autoDimensions" : false,
-
 
545
		"width" : 800,
-
 
546
		"height" : 405
-
 
547
	});
542
});
548
});
543
 
549
 
544
// Affiche les n images ayant le plus de votes, pour l'organe $tag
550
// Affiche les n images ayant le plus de votes, pour l'organe $tag
545
function afficherOngletOrgane(e, tag) {
551
function afficherOngletOrgane(e, tag) {
546
	var onglets = $('div.onglet-organe'),
552
	var onglets = $('div.onglet-organe'),
547
		contenu = $('#galerie-organes-contenu'),
553
		contenu = $('#galerie-organes-contenu'),
548
		organeOnglet;
554
		organeOnglet;
549
 
555
 
550
	if (tag === undefined) {
556
	if (tag === undefined) {
551
		tag = $(this).data('tag')
557
		tag = $(this).data('tag')
552
	}
558
	}
553
	if ($(this).parent().hasClass('active')) { // replier
559
	if ($(this).parent().hasClass('active')) { // replier
554
		$(this).parent().removeClass('active')
560
		$(this).parent().removeClass('active')
555
		contenu.hide();
561
		contenu.hide();
556
		return false;
562
		return false;
557
	}
563
	}
558
 
564
 
559
	onglets.each(function() {
565
	onglets.each(function() {
560
		organeOnglet = $(this).data('tag');
566
		organeOnglet = $(this).data('tag');
561
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
567
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
562
		if (organeOnglet == tag) {
568
		if (organeOnglet == tag) {
563
			$(this).show();
569
			$(this).show();
564
			li.addClass('active');
570
			li.addClass('active');
565
		} else {
571
		} else {
566
			$(this).hide();
572
			$(this).hide();
567
			li.removeClass('active');
573
			li.removeClass('active');
568
		}
574
		}
569
	});
575
	});
570
 
576
 
571
	contenu.show();
577
	contenu.show();
572
 
578
 
573
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
579
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
574
		grandeImage = $('#grande-image-organe').find('img');
580
		grandeImage = $('#grande-image-organe').find('img');
575
	premierLienGrandeImage.trigger('click');
581
	premierLienGrandeImage.trigger('click');
576
	grandeImage.show('fast');
582
	grandeImage.show('fast');
577
 
583
 
578
	return false;
584
	return false;
579
}
585
}
580
 
586
 
581
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
587
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
582
function afficherGrandeImageOrgane() {
588
function afficherGrandeImageOrgane() {
583
	var grandeImage = $('#grande-image-organe').find('img'),
589
	var grandeImage = $('#grande-image-organe').find('img'),
584
		source = $(this).find('img').attr('src');
590
		source = $(this).find('img').attr('src');
585
	source = source.replace('CRX2S', 'L'); // @FIXME cracra
591
	source = source.replace('CRX2S', 'L'); // @FIXME cracra
586
	// chargement image et lien popup
592
	// chargement image et lien popup
587
	grandeImage.attr('src', source);
593
	grandeImage.attr('src', source);
588
	grandeImage.parent().attr('href','/eflore/consultation/popup.php?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));
594
	grandeImage.parent().attr('href',urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));
589
	// métadonnées
595
	// métadonnées
590
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
596
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
591
		clef;
597
		clef;
592
	for (var i = 0; i < metadonnees.length; i++) {
598
	for (var i = 0; i < metadonnees.length; i++) {
593
		clef = metadonnees[i];
599
		clef = metadonnees[i];
594
		$('#grande-image-legende-' + clef).html($(this).data(clef));
600
		$('#grande-image-legende-' + clef).html($(this).data(clef));
595
	}
601
	}
596
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
602
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
597
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
603
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
598
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
604
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
599
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message à l'auteur à propos de cette image (nécessite d'être identifié)");
605
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message à l'auteur à propos de cette image (nécessite d'être identifié)");
600
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
606
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
601
	$('#grande-image-legende-auteur').attr('target', '_blank');
607
	$('#grande-image-legende-auteur').attr('target', '_blank');
602
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (nécessite d'être identifié)");
608
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (nécessite d'être identifié)");
603
}
609
}
604
 
610
 
605
// transforme une date du type "2012-04-06" en "06 avril 2012"
611
// transforme une date du type "2012-04-06" en "06 avril 2012"
606
function formaterDateVersFrancais(date) {
612
function formaterDateVersFrancais(date) {
607
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
613
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
608
		amj_hms = date.split(' '),
614
		amj_hms = date.split(' '),
609
		amj = amj_hms[0].split('-');
615
		amj = amj_hms[0].split('-');
610
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
616
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
611
}
617
}
612
 
618
 
613
function redimensionnerOnglets() {
619
function redimensionnerOnglets() {
614
	
620
	
615
	var largeurTotale = $('#zone_onglets').width();
621
	var largeurTotale = $('#zone_onglets').width();
616
	var largeurOnglets = 0;
622
	var largeurOnglets = 0;
617
	var largeurDernierOnglet = 0;
623
	var largeurDernierOnglet = 0;
618
	$('#onglets li').each(function() {
624
	$('#onglets li').each(function() {
619
		largeurDernierOnglet = $(this).outerWidth();
625
		largeurDernierOnglet = $(this).outerWidth();
620
		largeurOnglets += $(this).outerWidth();
626
		largeurOnglets += $(this).outerWidth();
621
	});
627
	});
622
	
628
	
623
	var espaceRestant = largeurTotale - largeurOnglets;
629
	var espaceRestant = largeurTotale - largeurOnglets;
624
	if(espaceRestant < largeurDernierOnglet) {
630
	if(espaceRestant < largeurDernierOnglet) {
625
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
631
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
626
		$('#onglets li').each(function() {
632
		$('#onglets li').each(function() {
627
			$(this).width($(this).width() - (pxALiberer - 4));
633
			$(this).width($(this).width() - (pxALiberer - 4));
628
			$(this).css("font-size", "0.9em");
634
			$(this).css("font-size", "0.9em");
629
		});
635
		});
630
	} else {
636
	} else {
631
		$('#onglets li').each(function() {
637
		$('#onglets li').each(function() {
632
			$(this).css("width", "auto");
638
			$(this).css("width", "auto");
633
			$(this).css("font-size", "1em");
639
			$(this).css("font-size", "1em");
634
		});
640
		});
635
	}
641
	}
636
}
642
}
637
 
643
 
638
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
644
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
639
function gererClicIllustrationsFiche() {
645
function gererClicIllustrationsFiche() {
640
	$('.illustration_cel').live('click', function() {
646
	$('.illustration_cel').live('click', function() {
641
		var url_image = $(this).attr('src');
647
		var url_image = $(this).attr('src');
642
		var titre = $('.nomenclature').first().text();
648
		var titre = $('.nomenclature').first().text();
643
		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;
649
		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;
644
		//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;
650
		//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;
645
		//alert(url);
651
		//alert(url);
646
		//return false;
652
		//return false;
647
		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));
653
		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));
648
	}); 
654
	}); 
649
	
655
	
650
	$('#synthese_repartition img').click(function(event) {
656
	$('#synthese_repartition img').click(function(event) {
651
		// Ouverture de l'onglet répartition
657
		// Ouverture de l'onglet répartition
652
		event.preventDefault();
658
		event.preventDefault();
653
		$(this).parents(".module").find("a.titreOnglet").click();
659
		$(this).parents(".module").find("a.titreOnglet").click();
654
	});
660
	});
655
}
661
}
656
 
662
 
657
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
663
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
658
	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));
664
	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));
659
	var tmp = fenetre.document;
665
	var tmp = fenetre.document;
660
	tmp.write('<html><head><title>'+titre+'</title>');
666
	tmp.write('<html><head><title>'+titre+'</title>');
661
	tmp.write('</head><body>');
667
	tmp.write('</head><body>');
662
	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>');
668
	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>');
663
	tmp.write('</body></html>');
669
	tmp.write('</body></html>');
664
	tmp.close();
670
	tmp.close();
665
}
671
}
666
 
672
 
667
 
673
 
668
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
674
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
669
// de la fiche
675
// de la fiche
670
function mettreAJourUrl(nouvelleUrl, etat) {
676
function mettreAJourUrl(nouvelleUrl, etat) {
671
	$('#permalien_num_nom').val(nouvelleUrl);
677
	$('#permalien_num_nom').val(nouvelleUrl);
672
	$('#permalien_num_nom').select();
678
	$('#permalien_num_nom').select();
673
	if (!!(window.history && window.history.pushState)) {
679
	if (!!(window.history && window.history.pushState)) {
674
		var currentState = window.history.state;
680
		var currentState = window.history.state;
675
		if (currentState != nouvelleUrl && !!etat) {
681
		if (currentState != nouvelleUrl && !!etat) {
676
			window.history.pushState(etat, "", nouvelleUrl);
682
			window.history.pushState(etat, "", nouvelleUrl);
677
		}
683
		}
678
	}
684
	}
679
}
685
}
680
 
686
 
681
function gererInteractionsPermaliens() {	
687
function gererInteractionsPermaliens() {	
682
	$(".conteneur_permalien > a").each(function() {
688
	$(".conteneur_permalien > a").each(function() {
683
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
689
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
684
		$(this).replaceWith(txt);
690
		$(this).replaceWith(txt);
685
	});
691
	});
686
	$(".conteneur_permalien > input").each(function() {
692
	$(".conteneur_permalien > input").each(function() {
687
		$(this).attr('size', $(this).val().length - 7);
693
		$(this).attr('size', $(this).val().length - 7);
688
	});
694
	});
689
	$(".conteneur_permalien > input").hover(
695
	$(".conteneur_permalien > input").hover(
690
		function() {
696
		function() {
691
			 $(this).select();
697
			 $(this).select();
692
		}, function() {
698
		}, function() {
693
			// rien à faire sur le mouseout
699
			// rien à faire sur le mouseout
694
		}
700
		}
695
	);
701
	);
696
}
702
}
697
 
703
 
698
$(document).ajaxStop(function() {
704
$(document).ajaxStop(function() {
699
	gererChargementGraphiqueEcologie();
705
	gererChargementGraphiqueEcologie();
700
	gererAffichageLegendeEcologie();
706
	gererAffichageLegendeEcologie();
701
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
707
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
702
		$('.svg').each(function() {
708
		$('.svg').each(function() {
703
			alt = $(this).attr('alt');
709
			alt = $(this).attr('alt');
704
			img = document.createElement('img');
710
			img = document.createElement('img');
705
			img.src = alt;
711
			img.src = alt;
706
			$(this).replaceWith(img);
712
			$(this).replaceWith(img);
707
		});
713
		});
708
	}
714
	}
709
});
715
});