Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

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