Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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