Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

Rev 1571 Rev 1581
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 
var REFERENTIEL = "<?php echo Registre::get('parametres.referentiel'); ?>";
 22 
var REFERENTIEL = "<?php echo Registre::get('parametres.referentiel'); ?>";
23 
 
 23 
 
24 
/** Classe Module
 24 
/** Classe Module
25 
* Définit un module de type portlet
 25 
* Définit un module de type portlet
26 
**/
 26 
**/
27 
function Module(id, module, onglet, statique) {
 27 
function Module(id, module, onglet, statique) {
28 
 
 28 
 
29 
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
 29 
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
30 
	this.id = id;
 30 
	this.id = id;
31 
	this.titre;
 31 
	this.titre;
32 
	this.htmlResume;
 32 
	this.htmlResume;
33 
	this.statique = statique;
 33 
	this.statique = statique;
34 
 
 - 
 
35 
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement
- 
 
36 
	this.portlet = module;
 - 
 
37 
	this.onglet;
 - 
 
38 
 
 - 
 
39 
	// creerPortlet
- 
 
40 
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
 - 
 
41 
	this.creerPortlet = function() {
 - 
 
42 
		var objet = this;
 - 
 
43 
 
 - 
 
44 
		var titre = $(module).children('.titre');
 - 
 
45 
		titre.className = 'titre ui-widget-header ui-corner-all';
 - 
 
46 
		titre.id = 'titre-' + this.id;
 - 
 
47
- 
 
48
- 
 
49 
		var contenu = $(module).children('.contenu');
 - 
 
50 
		contenu.id = 'contenu-' + this.id;
 - 
 
51 
		contenu.className ='contenu';
 - 
 
52 
 
 - 
 
53 
		var lienToggle = document.createElement('span');
 - 
 
54 
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
 - 
 
55 
		$(titre).append(lienToggle);
 - 
 
56 
		$(lienToggle).click(function() {
 - 
 
57 
			objet.afficherCacherModule();
 - 
 
58 
		});
 - 
 
59 
 
 - 
 
60 
		this.portlet = module;
 - 
 
61 
		return module;
- 
 
62 
	}
 - 
 
63
- 
 
64 
	this.ongletEstAffiche = function() {
 - 
 
65 
		return $(this.onglet.selector).is(':visible');
 - 
 
66 
	}
 - 
 
67 
 
 - 
 
68 
	// Crée l'objet Onglet HTML
 - 
 
69 
	this.creerOnglet = function() {
 - 
 
70 
		var objet = this;
 - 
 
71 
		this.onglet = onglet;
 - 
 
72 
	}
 - 
 
73
- 
 
74 
	// Initialisation de l'objet
 - 
 
75 
	this.creerPortlet();
 - 
 
76 
	this.creerOnglet();
 - 
 
77
- 
 
78 
	// Accesseurs de la classe
 - 
 
79 
	this.getOnglet = function() {
 - 
 
80 
		return this.onglet;
- 
 
81 
	}
 - 
 
82
- 
 
83 
	this.getPortlet = function() {
 - 
 
84 
		return this.portlet;
 - 
 
85 
	}
 - 
 
86
- 
 
87 
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
 - 
 
88 
	this.afficherCacherModule = function() {
- 
 
89 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
 - 
 
90 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
 - 
 
91 
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
 - 
 
92 
		$(this.portlet).find(".contenu").toggle();
 - 
 
93 
	}
 34 
 
94 
}
 35
95 
 
 36 
 
96 
function getUrlVars() {
 37 
function getUrlVars() {
97 
    var vars = [], hash;
 38 
    var vars = [], hash;
98 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
 39 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
99 
    for (var i = 0; i < hashes.length; i++) {
 40 
    for (var i = 0; i < hashes.length; i++) {
100 
        hash = hashes[i].split('=');
 41 
        hash = hashes[i].split('=');
101 
        vars.push(hash[0]);
 42 
        vars.push(hash[0]);
102 
        vars[hash[0]] = hash[1];
 43 
        vars[hash[0]] = hash[1];
103 
    }
 44 
    }
104 
    return vars;
 45 
    return vars;
105 
}
 46 
}
106 
 
 - 
 
107 
function afficherOngletsPourNiveau() {
 - 
 
108 
	/* affiche les onglets par default selon niveau*/
 - 
 
109 
	for (indice in tableauOnglets) {
 - 
 
110 
		var ongletEnCours = tableauOnglets[indice];
 - 
 
111 
		titre_onglet = ongletEnCours.titre;
 - 
 
112 
		titre_onglet = $.trim(titre_onglet);
 - 
 
113 
		if (!Array.indexOf) {
 - 
 
114 
			  Array.prototype.indexOf = function (obj, start) {
 - 
 
115 
			    for (var i = (start || 0); i < this.length; i++) {
 - 
 
116 
			      if (this[i] == obj) {
 - 
 
117 
			        return i;
 - 
 
118 
			      }
 - 
 
119 
			    }
 - 
 
120 
			    return -1;
 - 
 
121 
			  }
 - 
 
122 
			}
 - 
 
123 
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
 - 
 
124 
			ongletEnCours.afficherCacherModule();
- 
 
125 
			nbOngletsInvisibles++;
 - 
 
126 
		}
 - 
 
127 
	}
 - 
 
128 
}
 - 
 
129 
 
 - 
 
130 
function obtenirOngletCookiePourPage() {
 - 
 
131 
	var urlVars = getUrlVars();
 - 
 
132 
	var id_cookie = 'onglet_eflore';
 - 
 
133 
	if (urlVars['num_nom']) {
 - 
 
134 
		id_cookie += '_'+urlVars['num_nom'];
 - 
 
135 
	}
- 
 
136 
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
 - 
 
137 
}
 - 
 
138 
 
 - 
 
139 
function enregistrerOngletCookiePourPage(valeur) {
 - 
 
140 
	var urlVars = getUrlVars();
 - 
 
141 
	var id_cookie = 'onglet_eflore';
 - 
 
142 
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
 - 
 
143 
		id_cookie += '_'+urlVars['num_nom'];
 - 
 
144 
	}
 - 
 
145 
	$.cookie(id_cookie, valeur);
 - 
 
146 
}
 - 
 
147 
 
 - 
 
148 
function lierModulesEtOnglets() {
 - 
 
149 
	var i = 1;
 - 
 
150
- 
 
151 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
 - 
 
152 
	$(".module").each(function () {
 - 
 
153 
		i++;
 - 
 
154 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 - 
 
155 
		var module = new Module(i, this, $(identifiantOnglet));
 - 
 
156 
		var titre = $(this).children('h3').text();
 - 
 
157 
		module.titre = titre;
 - 
 
158
- 
 
159 
		tableauOnglets[identifiantOnglet] = module;
 - 
 
160 
	});
 - 
 
161 
}
 47 
 
162 
 
 48 
 
163 
// remplace des liens directs vers les onglets par des liens permettant de ne charger
 49 
// remplace des liens directs vers les onglets par des liens permettant de ne charger
164 
// que le contenu de l'onglet (pour le plugin tab)
 50 
// que le contenu de l'onglet (pour le plugin tab)
165 
function remplacerUrlsOnglets() {
 51 
function remplacerUrlsOnglets() {
166 
		$(".lien-onglet").each(function() {
 52 
		$(".lien-onglet").each(function() {
167 
		var urlOnglet = $(this).attr('href');
 53 
		var urlOnglet = $(this).attr('href');
168 
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
 54 
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
169 
		urlBase = base_url_application_onglets+"?"+urlVars;
 55 
		urlBase = base_url_application_onglets+"?"+urlVars;
170 
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
 56 
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
171 
		$(this).attr('href', urlOnglet);
 57 
		$(this).attr('href', urlOnglet);
172 
	});
 58 
	});
173 
}
 59 
}
174 
 
 - 
 
175 
ongletsInitialises = false;
 - 
 
176 
numOngletEnCours = null;
 - 
 
177 
nePasEmpilerUrl = false;
 - 
 
178 
popStateOriginal = true;
 - 
 
179 
function initialiserOnglets() {
 - 
 
180 
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
 - 
 
181 
	// pour le module tab qui charge les url désignée dans les liens des tabs
 - 
 
182 
	//remplacerUrlsOnglets();
 - 
 
183
- 
 
184 
	// analyse de l'onglet désigné comme selectionné par défaut
 - 
 
185 
	// (on peut accéder directement à un onglet précis à travers un param url)
 - 
 
186 
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
 - 
 
187 
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
 - 
 
188 
 
 - 
 
189 
	$('#zone_onglets').tabs({
 - 
 
190 
		create: function( event, ui ) {
 - 
 
191 
			// par défaut, le contenu déjà chargé est dans une autre zone
 - 
 
192 
			// on le déplace donc comme s'il avait été chargé par le plugin tab
 - 
 
193 
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
 - 
 
194 
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
 - 
 
195 
			$("#zone_contenu_fiche").hide();
 - 
 
196 
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
 - 
 
197 
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
 - 
 
198 
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
 - 
 
199 
		},
 - 
 
200 
		active: indexTabSelectionneDefaut ,
 - 
 
201 
		beforeLoad: function( event, ui ) {
 - 
 
202 
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
 - 
 
203 
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
 - 
 
204 
			// +1 car les tabs sont zéros indexées
 - 
 
205 
			var idPanelCharge = ui.tab.index()+1;
 - 
 
206 
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
 - 
 
207
- 
 
208 
			numOngletEnCours = idPanelCharge;
 - 
 
209 
 
 - 
 
210 
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
 - 
 
211 
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
 - 
 
212 
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
 - 
 
213 
				if(!nePasEmpilerUrl) {
 - 
 
214 
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
 - 
 
215 
					nePasEmpilerUrl = false;
 - 
 
216 
				}
 - 
 
217 
 
 - 
 
218 
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
- 
 
219 
				panelCharge.show();
 - 
 
220 
				return false;
 - 
 
221 
			} else {
 - 
 
222 
				// si l'onglet n'est pas chargé alors on affiche le message de chargement
- 
 
223 
				// pendant que le plugin s'occupe du reste
 - 
 
224 
				fancyboxinitialise = false;
 - 
 
225 
				var panel = $('#ui-tabs-'+idPanelCharge);
 - 
 
226 
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
 - 
 
227 
				return true;
 - 
 
228 
			}
 - 
 
229 
		},
 - 
 
230 
		load: function(event, ui) {
 - 
 
231 
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
 - 
 
232 
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
 - 
 
233 
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
 - 
 
234 
			// stats
 - 
 
235 
			if (prod) {
 - 
 
236 
				var ga_json = '{"nn": "' + ga_current_nn + '", "nom_sci": "' + ga_current_ns + '"}';
 - 
 
237 
				ga('eFloreTracker.send', 'event', 'fiche', 'consultation-' + ongletNomCode, ga_json, 1);
 - 
 
238 
			}
 - 
 
239 
 
 - 
 
240 
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
 - 
 
241 
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
 - 
 
242 
			$(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
 - 
 
243 
		}
 - 
 
244 
	});
 - 
 
245
- 
 
246 
	$(window).bind('popstate', function(event) {
 - 
 
247 
		if(!!event.originalEvent.state) {
 - 
 
248 
			nePasEmpilerUrl = true;
 - 
 
249 
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
 - 
 
250 
		} else {
 - 
 
251 
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger
- 
 
252 
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
 - 
 
253 
			if(!popStateOriginal) {
 - 
 
254 
				window.location = window.location.href;
 - 
 
255 
			}
 - 
 
256 
			popStateOriginal = false;
 - 
 
257 
		}
 - 
 
258 
	});
 60 
 
259 
}
 61 
 
260 
 
 62 
 
261 
//+----------------------------------------------------------------------------------------------------------+
 63 
//+----------------------------------------------------------------------------------------------------------+
262 
// Wikini Flora
 64 
// Wikini Flora
263 
var htmlWikiOriginal = '';
 65 
var htmlWikiOriginal = '';
264 
var objetContenuWiki = null;
 66 
var objetContenuWiki = null;
265 
 
 67 
 
266 
function getTemplateFormulaireEditionWiki(page, section, texte) {
68 
function getTemplateFormulaireEditionWiki(page, section, texte) {
267 
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
 69 
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
268 
	var formulaire =
70 
	var formulaire =
269 
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
 71 
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
270 
		  '<div>'+
 72 
		  '<div>'+
271 
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
 73 
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
272 
		  '</div>'+
 74 
		  '</div>'+
273 
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
 75 
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
274 
		  '<input type="submit" text="sauver" />'+
 76 
		  '<input type="submit" text="sauver" />'+
275 
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
 77 
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
276 
		'</form>';
78 
		'</form>';
277 
	return formulaire;
 79 
	return formulaire;
278 
}
 80 
}
279 
 
 81 
 
280 
function getSection() {
 82 
function getSection() {
281 
	return objetContenuWiki.attr("title");
 83 
	return objetContenuWiki.attr("title");
282 
}
 84 
}
283 
 
 85 
 
284 
function getPageWikiTaxon() {
 86 
function getPageWikiTaxon() {
285 
	return pageWikiTaxon;
 87 
	return pageWikiTaxon;
286 
}
 88 
}
287 
 
 89 
 
288 
function getUrlEditionPourPageEtSection(page, section) {
 90 
function getUrlEditionPourPageEtSection(page, section) {
289 
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
 91 
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
290 
	return url;
 92 
	return url;
291 
}
 93 
}
292 
 
 94 
 
293 
function getUrlTextePourPageSectionBrute(page, section) {
 95 
function getUrlTextePourPageSectionBrute(page, section) {
294 
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
 96 
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
295 
}
 97 
}
296 
 
 98 
 
297 
function getUrlTextePourPageSectionFormatee(page, section) {
 99 
function getUrlTextePourPageSectionFormatee(page, section) {
298 
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
 100 
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
299 
}
 101 
}
300 
 
 102 
 
301 
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
 103 
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
302 
	objetContenuWiki = objet_contenu;
 104 
	objetContenuWiki = objet_contenu;
303 
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
 105 
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
304 
	htmlWikiOriginal = objet_contenu.html();
 106 
	htmlWikiOriginal = objet_contenu.html();
305 
	$.getJSON(adresse, function(data) {
 107 
	$.getJSON(adresse, function(data) {
306 
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
 108 
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
307 
	});
 109 
	});
308 
}
 110 
}
309 
 
 111 
 
310 
function gererEvenementsWiki() {
 112 
function gererEvenementsWiki() {
311 
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
 113 
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
312 
	$('.editable_sur_clic').live('dblclick',function(event) {
 114 
	$('.editable_sur_clic').live('dblclick',function(event) {
313 
		remplacerContenuWikiParFormulaireEdition($(this));
 115 
		remplacerContenuWikiParFormulaireEdition($(this));
314 
	});
 116 
	});
315
117
316 
	$('#formulaire_edition_wiki').live('submit',function(event) {
 118 
	$('#formulaire_edition_wiki').live('submit',function(event) {
317 
	    event.preventDefault();
119 
	    event.preventDefault();
318 
		var valeurs = $(this).serialize();
 120 
		var valeurs = $(this).serialize();
319 
		$.post($(this).attr('action'), valeurs, function(data) {
 121 
		$.post($(this).attr('action'), valeurs, function(data) {
320 
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
 122 
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
321 
			$.getJSON(adresse, function(data) {
 123 
			$.getJSON(adresse, function(data) {
322 
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
 124 
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
323 
			});
 125 
			});
324 
		});
 126 
		});
325 
	});
 127 
	});
326
128
327 
	$('.bouton_annuler_edition').live('click', function(event) {
 129 
	$('.bouton_annuler_edition').live('click', function(event) {
328 
		event.preventDefault();
 130 
		event.preventDefault();
329 
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
 131 
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
330 
	});
 132 
	});
331
133
332 
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
 134 
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
333 
}
 135 
}
334 
 
 136 
 
335 
//+----------------------------------------------------------------------------------------------------------+
 137 
//+----------------------------------------------------------------------------------------------------------+
336 
//Affichage dans une nouvelle fenetre
 138 
//Affichage dans une nouvelle fenetre
337 
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
 139 
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
338 
	$(selecteur).find('a').live('click', function(event) {
 140 
	$(selecteur).find('a').live('click', function(event) {
339 
		window.open($(this).attr('href'));
 141 
		window.open($(this).attr('href'));
340 
		event.preventDefault();
 142 
		event.preventDefault();
341 
		return false;
 143 
		return false;
342 
	});
 144 
	});
343 
}
 145 
}
344 
 
 146 
 
345 
//+----------------------------------------------------------------------------------------------------------+
 147 
//+----------------------------------------------------------------------------------------------------------+
346 
// Plier / déplier
 148 
// Plier / déplier
347 
function plierTout() {
 149 
function plierTout() {
348 
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
 150 
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
349 
	$('.plus').css('display', 'none');
 151 
	$('.plus').css('display', 'none');
350 
}
 152 
}
351 
 
 153 
 
352 
function deplierTout() {
 154 
function deplierTout() {
353 
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
 155 
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
354 
	$('.plus').css('display', 'inline');
 156 
	$('.plus').css('display', 'inline');
355 
}
 157 
}
356 
 
 158 
 
357 
function gestionBiblio(parent) {
 159 
function gestionBiblio(parent) {
358 
	$('.nom').each(function () {
 160 
	$('.nom').each(function () {
359 
		if ($(this).children('.plus').length == 0) {
 161 
		if ($(this).children('.plus').length == 0) {
360 
			html = $(this).html();
 162 
			html = $(this).html();
361
163
362 
			// La partie biblio commence au premier crochet ouvrant
 164 
			// La partie biblio commence au premier crochet ouvrant
363 
			// ou bien au span de la biblio à exclure
 165 
			// ou bien au span de la biblio à exclure
364 
			posCrochetGauche = html.indexOf('[');
 166 
			posCrochetGauche = html.indexOf('[');
365 
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
 167 
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
366
168
367 
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
 169 
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
368 
				posCrochetGauche = posbiblioAExclure;
 170 
				posCrochetGauche = posbiblioAExclure;
369 
			}
 171 
			}
370
172
371 
			// console.log(posCrochetGauche+" "+posbiblioAExclure);
 173 
			// console.log(posCrochetGauche+" "+posbiblioAExclure);
372
174
373
175
374 
			if (posCrochetGauche > 0) {
 176 
			if (posCrochetGauche > 0) {
375 
				nom = html.substr(0, posCrochetGauche);
 177 
				nom = html.substr(0, posCrochetGauche);
376 
				biblio = html.substr(posCrochetGauche, html.length);
 178 
				biblio = html.substr(posCrochetGauche, html.length);
377 
				$(this).html(nom);
 179 
				$(this).html(nom);
378
180
379 
				imagettePlus = document.createElement('div');
 181 
				imagettePlus = document.createElement('div');
380 
				$(imagettePlus).addClass('imagettePlus');
 182 
				$(imagettePlus).addClass('imagettePlus');
381 
				$(this).prepend($(imagettePlus));
 183 
				$(this).prepend($(imagettePlus));
382
184
383 
				plus = document.createElement('span');
 185 
				plus = document.createElement('span');
384 
				$(plus).addClass('plus');
 186 
				$(plus).addClass('plus');
385 
				$(plus).html(biblio);
 187 
				$(plus).html(biblio);
386 
				$(plus).hide();
 188 
				$(plus).hide();
387
189
388 
				$(this).click(function(e) {
 190 
				$(this).click(function(e) {
389 
					// test pour ne réagir que sur le clic sur le + ou -
 191 
					// test pour ne réagir que sur le clic sur le + ou -
390 
					// TODO: fusionner ce bout de code en doublon avec synthese.js
 192 
					// TODO: fusionner ce bout de code en doublon avec synthese.js
391 
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
 193 
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
392 
						if (!$(this).children('.plus').is(':visible')) {
 194 
						if (!$(this).children('.plus').is(':visible')) {
393 
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
 195 
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
394 
							$(this).children('.plus').css('display', 'inline');
 196 
							$(this).children('.plus').css('display', 'inline');
395 
						} else {
 197 
						} else {
396 
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
 198 
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
397 
							$(this).children('.plus').css('display', 'none');
 199 
							$(this).children('.plus').css('display', 'none');
398 
						}
 200 
						}
399 
					}
 201 
					}
400
202
401 
				});
 203 
				});
402
204
403 
				$(this).append($(plus));
 205 
				$(this).append($(plus));
404
206
405 
			}
 207 
			}
406 
		}
 208 
		}
407 
	});
 209 
	});
408 
}
 210 
}
409 
 
 211 
 
410 
function gererEvenementsPliage() {
 212 
function gererEvenementsPliage() {
411 
	$('.lien_tout_deplier').live('click', function() {
 213 
	$('.lien_tout_deplier').live('click', function() {
412 
		deplierTout();
 214 
		deplierTout();
413 
	});
 215 
	});
414 
	$('.lien_tout_plier').live('click', function() {
 216 
	$('.lien_tout_plier').live('click', function() {
415 
		plierTout();
 217 
		plierTout();
416 
	});
 218 
	});
417 
	gestionBiblio(document);
 219 
	gestionBiblio(document);
418 
}
 220 
}
419 
 
 221 
 
420 
//+----------------------------------------------------------------------------------------------------------+
 222 
//+----------------------------------------------------------------------------------------------------------+
421 
//Pop Up images
 223 
//Pop Up images
422 
function ouvrirPopUpImg(event) {
 224 
function ouvrirPopUpImg(event) {
423 
	event.preventDefault();
 225 
	event.preventDefault();
424 
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
 226 
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
425 
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l
227 
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l
426 
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
 228 
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
427 
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars
229 
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars
428 
			+',status='+event.data.status+'"');
 230 
			+',status='+event.data.status+'"');
429 
}
 231 
}
430 
 
 232 
 
431 
//+----------------------------------------------------------------------------------------------------------+
 233 
//+----------------------------------------------------------------------------------------------------------+
432 
// Message de chargement pour les graphique écologie
 234 
// Message de chargement pour les graphique écologie
433 
function gererChargementGraphiqueEcologie() {
 235 
function gererChargementGraphiqueEcologie() {
434 
	$('.ecologie_svg').addClass('chargement');
 236 
	$('.ecologie_svg').addClass('chargement');
435 
}
 237 
}
436 
 
 238 
 
437 
function gererAffichageLegendeEcologie() {
 239 
function gererAffichageLegendeEcologie() {
438 
	$('.voir').live('click', function() {
 240 
	$('.voir').live('click', function() {
439 
		$(this).siblings('.legende_graphique').show();
 241 
		$(this).siblings('.legende_graphique').show();
440 
		$(this).siblings('.cacher').show();
 242 
		$(this).siblings('.cacher').show();
441 
		$(this).hide();
 243 
		$(this).hide();
442 
	});
 244 
	});
443
245
444 
	$('.cacher').live('click', function() {
 246 
	$('.cacher').live('click', function() {
445 
		$(this).siblings('.legende_graphique').hide();
 247 
		$(this).siblings('.legende_graphique').hide();
446 
		$(this).siblings('.voir').show();
 248 
		$(this).siblings('.voir').show();
447 
		$(this).hide();
 249 
		$(this).hide();
448 
	});
 250 
	});
449 
}
 251 
}
450 
 
 252 
 
451 
 
 253 
 
452 
//+----------------------------------------------------------------------------------------------------------+
 254 
//+----------------------------------------------------------------------------------------------------------+
453 
// Initialisation
 255 
// Initialisation
454 
var fancyboxinitialise = false;
 256 
var fancyboxinitialise = false;
455 
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100,
257 
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100,
456 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 258 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
457 
 
 259 
 
458 
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100,
260 
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100,
459 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 261 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
460 
 
 262 
 
461 
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
 263 
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
462 
$(document).one('ficheSyntheseChargee', function() {
 264 
$(document).one('ficheSyntheseChargee', function() {
463 
	initialiserOnglets();
 265 
	initialiserOnglets();
464 
 
 266 
 
465 
	// TODO : devrait être .on() à la place de live()
 267 
	// TODO : devrait être .on() à la place de live()
466 
	$('.lien_popup').live('click',function(event) {
 268 
	$('.lien_popup').live('click',function(event) {
467 
		event.preventDefault();
 269 
		event.preventDefault();
468 
		$.fancybox(this,{
 270 
		$.fancybox(this,{
469 
			autoDimensions:false,
 271 
			autoDimensions:false,
470 
			width:580
 272 
			width:580
471 
		});
 273 
		});
472 
	});
 274 
	});
473
275
474 
	// TODO : devrait être .on() à la place de live()
 276 
	// TODO : devrait être .on() à la place de live()
475 
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
 277 
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
476 
		event.preventDefault();
 278 
		event.preventDefault();
477 
		$.fancybox(this,{
 279 
		$.fancybox(this,{
478 
			autoDimensions:true
 280 
			autoDimensions:true
479 
		});
 281 
		});
480 
	});
 282 
	});
481
283
482 
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
 284 
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
483 
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
 285 
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
484
286
485 
	afficherOngletsPourNiveau();
 287 
	afficherOngletsPourNiveau();
486 
 
 288 
 
487 
	gererEvenementsWiki();
 289 
	gererEvenementsWiki();
488 
	gererEvenementsPliage();
 290 
	gererEvenementsPliage();
489
291
490 
	$('a.lien_retour_synthese').click(function(event) {
 292 
	$('a.lien_retour_synthese').click(function(event) {
491 
		$('#onglet_synthese a').click();
 293 
		$('#onglet_synthese a').click();
492 
		event.preventDefault();
 294 
		event.preventDefault();
493 
	});
 295 
	});
494
296
495 
	$(window).resize(function() {
 297 
	$(window).resize(function() {
496 
		redimensionnerOnglets();
 298 
		redimensionnerOnglets();
497 
	});
 299 
	});
498 
	redimensionnerOnglets();
 300 
	redimensionnerOnglets();
499
301
500 
	if($("#bloc-fiche").length > 0) {
 302 
	if($("#bloc-fiche").length > 0) {
501 
		// initialisation de l'url avec l'onglet par défaut ou bien
303 
		// initialisation de l'url avec l'onglet par défaut ou bien
502 
		// celui qui a été explicitement demandé
 304 
		// celui qui a été explicitement demandé
503 
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
 305 
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
504 
	}
 306 
	}
505 
	gererInteractionsPermaliens();
 307 
	gererInteractionsPermaliens();
506 
});
 308 
});
507 
 
 309 
 
508 
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {
310 
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {
509 
	if(!!elementHtml && elementHtml != null) {
311 
	if(!!elementHtml && elementHtml != null) {
510 
		if(elementHtml.attachEvent) {// Internet Explorer
 312 
		if(elementHtml.attachEvent) {// Internet Explorer
511 
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);});
313 
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);});
512 
		} else if(elementHtml.addEventListener) { // Firefox & autres
 314 
		} else if(elementHtml.addEventListener) { // Firefox & autres
513 
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
 315 
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
514 
		}
 316 
		}
515 
	}
 317 
	}
516 
}
 318 
}
517 
 
 319 
 
518 
$(document).one('ongletRepartitionCharge', function() {
 320 
$(document).one('ongletRepartitionCharge', function() {
519 
	var contRepObs = $(".conteneur_repartition_observations");
 321 
	var contRepObs = $(".conteneur_repartition_observations");
520 
	contRepObs.addClass("chargement_repartition");
 322 
	contRepObs.addClass("chargement_repartition");
521 
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
 323 
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
522 
	// sur autre chose qu'une image
 324 
	// sur autre chose qu'une image
523 
	$('#repartition_observations').ready(function() {
 325 
	$('#repartition_observations').ready(function() {
524 
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
 326 
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
525 
			contRepObs.removeClass("chargement_repartition");
 327 
			contRepObs.removeClass("chargement_repartition");
526 
		});
 328 
		});
527 
	});
 329 
	});
528 
	// lien "recalculer la carte de moissonnage"
 330 
	// lien "recalculer la carte de moissonnage"
529 
	$('#lien_recalculer_carte').click(function() {
 331 
	$('#lien_recalculer_carte').click(function() {
530 
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
 332 
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
531 
		var urlCarte = carteMoissonnageSvg.attr("data");
 333 
		var urlCarte = carteMoissonnageSvg.attr("data");
532 
		urlCarte += '&recalculer=1';
 334 
		urlCarte += '&recalculer=1';
533 
		contRepObs.addClass("chargement_repartition");
 335 
		contRepObs.addClass("chargement_repartition");
534 
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
 336 
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
535 
			contRepObs.removeClass("chargement_repartition");
 337 
			contRepObs.removeClass("chargement_repartition");
536 
		});
 338 
		});
537 
		return false;
 339 
		return false;
538 
	});
 340 
	});
539 
});
 341 
});
540 
 
 - 
 
541 
$(document).one('ongletSyntheseCharge', function() {
 - 
 
542 
	lierModulesEtOnglets();
 - 
 
543
- 
 
544 
	/* mouvement des blocs */
 - 
 
545 
	$(".colonne").sortable({
 - 
 
546 
		connectWith: ".colonne",
 - 
 
547 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
 - 
 
548 
	});
 - 
 
549
- 
 
550 
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
 - 
 
551 
		event.preventDefault();
 - 
 
552 
		$(this).parents(".module").find("a.titreOnglet").click();
 - 
 
553 
	});
 - 
 
554
- 
 
555 
	gererClicIllustrationsFiche();
 - 
 
556 
	gererEvenementsPliage();
 - 
 
557 
});
 342 
 
558 
 
 343 
 
559 
// À la fin du chargement de l'onglet Illustrations
 344 
// À la fin du chargement de l'onglet Illustrations
560 
$(document).one('ongletIllustrationsCharge', function() {
 345 
$(document).one('ongletIllustrationsCharge', function() {
561 
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
 346 
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
562 
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
 347 
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
563 
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
 348 
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
564 
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
 349 
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
565 
	afficherOngletOrgane(null, premier);
 350 
	afficherOngletOrgane(null, premier);
566
351
567 
	$('a.lien_telechargement_image').live('click',function(e) {
 352 
	$('a.lien_telechargement_image').live('click',function(e) {
568 
		if($(e.target).data('oneclicked')!='yes')
 353 
		if($(e.target).data('oneclicked')!='yes')
569 
		{
 354 
		{
570 
			$(e.target).data('oneclicked','yes');
 355 
			$(e.target).data('oneclicked','yes');
571 
			$(this).fancybox({
 356 
			$(this).fancybox({
572 
				"type" : "iframe",
 357 
				"type" : "iframe",
573 
				"autoDimensions" : false,
 358 
				"autoDimensions" : false,
574 
				"width" : 800,
 359 
				"width" : 800,
575 
				"height" : 405,
 360 
				"height" : 405,
576 
				"titleShow" : false
 361 
				"titleShow" : false
577 
			}).click();
 362 
			}).click();
578 
		}
 363 
		}
579 
 
 364 
 
580 
		e.preventDefault();
 365 
		e.preventDefault();
581 
		return false;
 366 
		return false;
582 
	});
 367 
	});
583 
});
 368 
});
584 
 
 369 
 
585 
// Affiche les n images ayant le plus de votes, pour l'organe $tag
 370 
// Affiche les n images ayant le plus de votes, pour l'organe $tag
586 
function afficherOngletOrgane(e, tag) {
 371 
function afficherOngletOrgane(e, tag) {
587 
	var onglets = $('div.onglet-organe'),
 372 
	var onglets = $('div.onglet-organe'),
588 
		contenu = $('#galerie-organes-contenu'),
 373 
		contenu = $('#galerie-organes-contenu'),
589 
		organeOnglet;
 374 
		organeOnglet;
590 
 
 375 
 
591 
	if (tag === undefined) {
 376 
	if (tag === undefined) {
592 
		tag = $(this).data('tag')
 377 
		tag = $(this).data('tag')
593 
	}
 378 
	}
594 
	if ($(this).parent().hasClass('active')) { // replier
 379 
	if ($(this).parent().hasClass('active')) { // replier
595 
		$(this).parent().removeClass('active')
 380 
		$(this).parent().removeClass('active')
596 
		contenu.hide();
 381 
		contenu.hide();
597 
		return false;
 382 
		return false;
598 
	}
 383 
	}
599 
 
 384 
 
600 
	onglets.each(function() {
 385 
	onglets.each(function() {
601 
		organeOnglet = $(this).data('tag');
 386 
		organeOnglet = $(this).data('tag');
602 
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
 387 
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
603 
		if (organeOnglet == tag) {
 388 
		if (organeOnglet == tag) {
604 
			$(this).show();
 389 
			$(this).show();
605 
			li.addClass('active');
 390 
			li.addClass('active');
606 
		} else {
 391 
		} else {
607 
			$(this).hide();
 392 
			$(this).hide();
608 
			li.removeClass('active');
 393 
			li.removeClass('active');
609 
		}
 394 
		}
610 
	});
 395 
	});
611 
 
 396 
 
612 
	contenu.show();
 397 
	contenu.show();
613 
 
 398 
 
614 
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
 399 
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
615 
		grandeImage = $('#grande-image-organe').find('img');
 400 
		grandeImage = $('#grande-image-organe').find('img');
616 
	premierLienGrandeImage.trigger('click');
 401 
	premierLienGrandeImage.trigger('click');
617 
	grandeImage.show('fast');
 402 
	grandeImage.show('fast');
618 
 
 403 
 
619 
	return false;
 404 
	return false;
620 
}
 405 
}
621 
 
 406 
 
622 
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
 407 
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
623 
function afficherGrandeImageOrgane() {
 408 
function afficherGrandeImageOrgane() {
624 
	if ($(this).data('id-image') === "") {
 409 
	if ($(this).data('id-image') === "") {
625 
		return false;
 410 
		return false;
626 
	}
 411 
	}
627 
	var grandeImage = $('#grande-image-organe').find('img'),
 412 
	var grandeImage = $('#grande-image-organe').find('img'),
628 
		source = $(this).find('img').attr('src');
 413 
		source = $(this).find('img').attr('src');
629 
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
 414 
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
630 
	// chargement image et lien popup
 415 
	// chargement image et lien popup
631 
	grandeImage.attr('src', source);
 416 
	grandeImage.attr('src', source);
632 
	// important pour Pinterest et cie.
 417 
	// important pour Pinterest et cie.
633 
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
 418 
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
634 
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
 419 
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
635 
	// métadonnées
 420 
	// métadonnées
636 
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
 421 
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
637 
		clef;
 422 
		clef;
638 
	for (var i = 0; i < metadonnees.length; i++) {
 423 
	for (var i = 0; i < metadonnees.length; i++) {
639 
		clef = metadonnees[i];
 424 
		clef = metadonnees[i];
640 
		var contenu = $(this).data(clef);
 425 
		var contenu = $(this).data(clef);
641 
		if(clef == 'id-image') {
 426 
		if(clef == 'id-image') {
642 
			contenu +=
427 
			contenu +=
643 
				'    <a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
 428 
				'    <a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
644 
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
 429 
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
645 
				'</a>    '+
 430 
				'</a>    '+
646 
				'<a title="Voir plus d\'informations sur cette image (s\'ouvre dans un popup)" class="lien-image-cel" href="'+urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image')+'">'+
 431 
				'<a title="Voir plus d\'informations sur cette image (s\'ouvre dans un popup)" class="lien-image-cel" href="'+urlPopup+'?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image')+'">'+
647 
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
 432 
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
648 
				'</a>'+
 433 
				'</a>'+
649 
				'<a style="float:right" title="Signaler une mauvaise identification ou en proposer une autre via l\'outil identiplante" class="signaler-mauvaise-identification" href="' + $(this).data('url-mauvaise-ident') + '" target="_blank">' +
 434 
				'<a style="float:right" title="Signaler une mauvaise identification ou en proposer une autre via l\'outil identiplante" class="signaler-mauvaise-identification" href="' + $(this).data('url-mauvaise-ident') + '" target="_blank">' +
650 
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">Signaler une mauvaise identification' +
 435 
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">Signaler une mauvaise identification' +
651 
				'</a>';
 436 
				'</a>';
652 
		}
 437 
		}
653 
		$('#grande-image-legende-' + clef).html(contenu);
 438 
		$('#grande-image-legende-' + clef).html(contenu);
654 
 
 439 
 
655 
	}
 440 
	}
656 
	// valeurs génériques
 441 
	// valeurs génériques
657 
	$('#grande-image-legende-' + clef).html($(this).data(clef));
 442 
	$('#grande-image-legende-' + clef).html($(this).data(clef));
658 
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
 443 
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
659 
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
 444 
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
660 
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
 445 
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
661 
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
 446 
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
662 
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
 447 
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
663 
	$('#grande-image-legende-auteur').attr('target', '_blank');
 448 
	$('#grande-image-legende-auteur').attr('target', '_blank');
664 
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
 449 
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
665 
 
 450 
 
666 
 
 451 
 
667 
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
 452 
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
668 
		"type" : "iframe",
 453 
		"type" : "iframe",
669 
		"autoDimensions" : false,
 454 
		"autoDimensions" : false,
670 
		"width" : 800,
 455 
		"width" : 800,
671 
		"height" : 405,
 456 
		"height" : 405,
672 
		"titleShow" : false
 457 
		"titleShow" : false
673 
	});
 458 
	});
674 
}
 459 
}
675 
 
 460 
 
676 
function obtenirUrlMoyenFormatIdImage(idImage) {
 461 
function obtenirUrlMoyenFormatIdImage(idImage) {
677 
	idImage = remplirChaineDebut(idImage, "0", 9);
 462 
	idImage = remplirChaineDebut(idImage, "0", 9);
678 
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
 463 
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
679 
}
 464 
}
680 
 
 465 
 
681 
function obtenirUrlGrandFormatIdImage(idImage) {
 466 
function obtenirUrlGrandFormatIdImage(idImage) {
682 
	idImage = remplirChaineDebut(idImage, "0", 9);
 467 
	idImage = remplirChaineDebut(idImage, "0", 9);
683 
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
 468 
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
684 
}
 469 
}
685 
 
 470 
 
686 
function remplirChaineDebut(chaine, remplissage, longueur) {
 471 
function remplirChaineDebut(chaine, remplissage, longueur) {
687 
	while(chaine.toString().length < longueur) {
 472 
	while(chaine.toString().length < longueur) {
688 
		chaine = remplissage.toString()+chaine.toString();
 473 
		chaine = remplissage.toString()+chaine.toString();
689 
	}
 474 
	}
690 
	return chaine;
 475 
	return chaine;
691 
}
 476 
}
692 
 
 477 
 
693 
// transforme une date du type "2012-04-06" en "06 avril 2012"
 478 
// transforme une date du type "2012-04-06" en "06 avril 2012"
694 
function formaterDateVersFrancais(date) {
 479 
function formaterDateVersFrancais(date) {
695 
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
 480 
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
696 
		amj_hms = date.split(' '),
 481 
		amj_hms = date.split(' '),
697 
		amj = amj_hms[0].split('-');
 482 
		amj = amj_hms[0].split('-');
698 
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
 483 
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
699 
}
 484 
}
700 
 
 - 
 
701 
function redimensionnerOnglets() {
 - 
 
702
- 
 
703 
	var largeurTotale = $('#zone_onglets').width();
 - 
 
704 
	var largeurOnglets = 0;
 - 
 
705 
	var largeurDernierOnglet = 0;
 - 
 
706 
	$('#onglets li').each(function() {
 - 
 
707 
		largeurDernierOnglet = $(this).outerWidth();
 - 
 
708 
		largeurOnglets += $(this).outerWidth();
 - 
 
709 
	});
 - 
 
710
- 
 
711 
	var espaceRestant = largeurTotale - largeurOnglets;
 - 
 
712 
	if(espaceRestant < largeurDernierOnglet) {
 - 
 
713 
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
 - 
 
714 
		$('#onglets li').each(function() {
 - 
 
715 
			$(this).width($(this).width() - (pxALiberer - 4));
 - 
 
716 
			$(this).css("font-size", "0.9em");
 - 
 
717 
		});
 - 
 
718 
	} else {
 - 
 
719 
		$('#onglets li').each(function() {
 - 
 
720 
			$(this).css("width", "auto");
 - 
 
721 
			$(this).css("font-size", "1em");
 - 
 
722 
		});
 - 
 
723 
	}
 - 
 
724 
}
 485 
 
725 
 
 486 
 
726 
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
 487 
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
727 
function gererClicIllustrationsFiche() {
 488 
function gererClicIllustrationsFiche() {
728 
	$('.illustration_cel').live('click', function() {
 489 
	$('.illustration_cel').live('click', function() {
729 
		var url_image = $(this).attr('src');
 490 
		var url_image = $(this).attr('src');
730 
		var titre = $('.nomenclature').first().text();
 491 
		var titre = $('.nomenclature').first().text();
731 
		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;
 492 
		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;
732 
		//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;
 493 
		//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;
733 
		//alert(url);
 494 
		//alert(url);
734 
		//return false;
 495 
		//return false;
735 
		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));
 496 
		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));
736 
	});
497 
	});
737 
}
 498 
}
738 
 
 499 
 
739 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
 500 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
740 
	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));
 501 
	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));
741 
	var tmp = fenetre.document;
 502 
	var tmp = fenetre.document;
742 
	tmp.write('<html><head><title>'+titre+'</title>');
 503 
	tmp.write('<html><head><title>'+titre+'</title>');
743 
	tmp.write('</head><body>');
 504 
	tmp.write('</head><body>');
744 
	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>');
 505 
	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>');
745 
	tmp.write('</body></html>');
 506 
	tmp.write('</body></html>');
746 
	tmp.close();
 507 
	tmp.close();
747 
}
 508 
}
748 
 
 509 
 
749 
 
 510 
 
750 
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
 511 
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
751 
// de la fiche
 512 
// de la fiche
752 
function mettreAJourUrl(nouvelleUrl, etat) {
 513 
function mettreAJourUrl(nouvelleUrl, etat) {
753 
	$('#permalien_num_nom').val(nouvelleUrl);
 514 
	$('#permalien_num_nom').val(nouvelleUrl);
754 
	if (!!(window.history && window.history.pushState)) {
 515 
	if (!!(window.history && window.history.pushState)) {
755 
		var currentState = window.history.state;
 516 
		var currentState = window.history.state;
756 
		if (currentState != nouvelleUrl && !!etat) {
 517 
		if (currentState != nouvelleUrl && !!etat) {
757 
			window.history.pushState(etat, "", nouvelleUrl);
 518 
			window.history.pushState(etat, "", nouvelleUrl);
758 
		}
 519 
		}
759 
	}
 520 
	}
760 
}
 521 
}
761 
 
 522 
 
762 
function gererInteractionsPermaliens() {
523 
function gererInteractionsPermaliens() {
763 
	$(".conteneur_permalien > a").each(function() {
 524 
	$(".conteneur_permalien > a").each(function() {
764 
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
 525 
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
765 
		$(this).replaceWith(txt);
 526 
		$(this).replaceWith(txt);
766 
	});
 527 
	});
767 
	$(".conteneur_permalien > input").each(function() {
 528 
	$(".conteneur_permalien > input").each(function() {
768 
		$(this).attr('size', $(this).val().length - 7);
 529 
		$(this).attr('size', $(this).val().length - 7);
769 
	});
 530 
	});
770 
	$(".conteneur_permalien > input").hover(
 531 
	$(".conteneur_permalien > input").hover(
771 
		function() {
 532 
		function() {
772 
			 $(this).select();
 533 
			 $(this).select();
773 
		}, function() {
 534 
		}, function() {
774 
			// rien à faire sur le mouseout
 535 
			// rien à faire sur le mouseout
775 
		}
 536 
		}
776 
	);
 537 
	);
777 
}
 538 
}
778 
 
 539 
 
779 
function gererTemplatesChargementALaDemande() {
 540 
function gererTemplatesChargementALaDemande() {
780 
	$('.lien-ajax-tpl a.lien-ajax-tpl-chargement').on('click', function(e) {
 541 
	$('.lien-ajax-tpl a.lien-ajax-tpl-chargement').on('click', function(e) {
781 
		if($(this).attr('data-loading') != "true") {
 542 
		if($(this).attr('data-loading') != "true") {
782 
			$(this).attr('data-loading', "true");
 543 
			$(this).attr('data-loading', "true");
783 
			e.preventDefault();
 544 
			e.preventDefault();
784 
			urlTpl = $(this).attr('href');
 545 
			urlTpl = $(this).attr('href');
785 
			$(this).hide();
 546 
			$(this).hide();
786 
			thisElementParent = $(this).parent();
 547 
			thisElementParent = $(this).parent();
787 
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
 548 
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
788 
			$.get(urlTpl, function( data ) {
 549 
			$.get(urlTpl, function( data ) {
789 
				thisElementParent.replaceWith( data );
 550 
				thisElementParent.replaceWith( data );
790 
			});
 551 
			});
791 
			return false;
 552 
			return false;
792 
		}
 553 
		}
793 
	});
 554 
	});
794 
}
 555 
}
795 
 
 556 
 
796 
$(document).ready(function() {
 557 
$(document).ready(function() {
797 
	gererChargementGraphiqueEcologie();
 558 
	gererChargementGraphiqueEcologie();
798 
	gererAffichageLegendeEcologie();
 559 
	gererAffichageLegendeEcologie();
799 
	gererTemplatesChargementALaDemande();
 560 
	gererTemplatesChargementALaDemande();
800 
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
 561 
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
801 
		$('.svg').each(function() {
 562 
		$('.svg').each(function() {
802 
			alt = $(this).attr('alt');
 563 
			alt = $(this).attr('alt');
803 
			img = document.createElement('img');
 564 
			img = document.createElement('img');
804 
			img.src = alt;
 565 
			img.src = alt;
805 
			$(this).replaceWith(img);
 566 
			$(this).replaceWith(img);
806 
		});
 567 
		});
807 
	}
 568 
	}
808 
});
 569 
});
809 
 
 570