WebSVN – eFlore/Applications.eflore-consultation – Diff – /trunk/presentations/scripts/fiche-synthese.js


//+----------------------------------------------------------------------------------------------------------+
// Onglets et Portlets
/**
 * Les variables suivantes ont été ajoutée par php
 * 
 * var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki
 * var urlEditionSectionWikiTpl : url pour éditer une section du wiki 
 * var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki
 * var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki
 * var urlPopup = url de base pour les popup contenant du code un peu complexe
 * 
*/
 
/**
 * Variables globales du script
 */
var modules = Array();
var tableauOnglets = Array();
var nbOngletsInvisibles = 0;
var ongletSyntheseCharge = true;
var ongletIllustrationsCharge = false;
 
/** Classe Module
* Définit un module de type portlet
**/
function Module(id, module, onglet, statique) {
 
	// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu
	this.id = id;
	this.titre;
	this.htmlResume;
	this.statique = statique;
 
	// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement 
	this.portlet = module;
	this.onglet;
 
	// creerPortlet 
	// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe
	this.creerPortlet = function() {
		var objet = this;
 
		var titre = $(module).children('.titre');
		titre.className = 'titre ui-widget-header ui-corner-all';
		titre.id = 'titre-' + this.id;
		
		var lienTitre = $(module).children('.titre').children('a');
		lienTitre.attr('href','#'+this.id);
		lienTitre.click(function() {
			$('#zone_onglets').tabs( "option", "active", (objet.id -1));
			return false;
		});
		lienTitre.hover(function() {
			if (!objet.ongletEstAffiche()) {
				$(this).css({"color":"white"});
			} else {
				$(this).css({"color":"#E78F08"});
			}
		}); 
		
		lienTitre.mouseout(function() {
			$(this).css({"color":"white"});
		});
 
		var contenu = $(module).children('.contenu');
		contenu.id = 'contenu-' + this.id;
		contenu.className ='contenu';
 
		var lienToggle = document.createElement('span');
		lienToggle.className = 'lienToggle ui-icon ui-icon-minusthick';
		$(titre).append(lienToggle);
		$(lienToggle).click(function() {
			objet.afficherCacherModule();
		});
 
		this.portlet = module;
		return module;	
	}
	
	this.ongletEstAffiche = function() {
		return $(this.onglet.selector).is(':visible');
	}
 
	// Crée l'objet Onglet HTML
	this.creerOnglet = function() {
		var objet = this;
		this.onglet = onglet;
	}
		
	// Initialisation de l'objet
	this.creerPortlet();
	this.creerOnglet();
	
	// Accesseurs de la classe
	this.getOnglet = function() {
		return this.onglet;	
	}
	
	this.getPortlet = function() {
		return this.portlet;
	}
	
	// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
	this.afficherCacherModule = function() { 
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
		$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
		$(this.portlet).find(".titreOnglet").toggleClass("pasDeCurseur");
		$(this.portlet).find(".contenu").toggle();
	}
}
 
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
 
function afficherOngletsPourNiveau() {
	/* affiche les onglets par default selon niveau*/
	for (indice in tableauOnglets) {
		var ongletEnCours = tableauOnglets[indice];
		titre_onglet = ongletEnCours.titre;
		titre_onglet = $.trim(titre_onglet);
		if (!Array.indexOf) {
			  Array.prototype.indexOf = function (obj, start) {
			    for (var i = (start || 0); i < this.length; i++) {
			      if (this[i] == obj) {
			        return i;
			      }
			    }
			    return -1;
			  }
			}
		if (ongletsDefaut.indexOf(titre_onglet) == -1) {
			ongletEnCours.afficherCacherModule();	
			nbOngletsInvisibles++;
		}
	}
}
 
function obtenirOngletCookiePourPage() {
	var urlVars = getUrlVars();
	var id_cookie = 'onglet_eflore';
	if (urlVars['num_nom']) {
		id_cookie += '_'+urlVars['num_nom'];
	}	
	return $.cookie(id_cookie) ? $.cookie(id_cookie) : null;
}
 
function enregistrerOngletCookiePourPage(valeur) {
	var urlVars = getUrlVars();
	var id_cookie = 'onglet_eflore';
	if(urlVars['num_nom'] && urlVars['num_nom'] != undefined) {
		id_cookie += '_'+urlVars['num_nom'];
	}
	$.cookie(id_cookie, valeur);
}
 
function lierModulesEtOnglets() {
	var i = 1;
	
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
	$(".module").each(function () {
		i++;
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
		var module = new Module(i, this, $(identifiantOnglet));
		var titre = $(this).children('h3').text();
		module.titre = titre;
		
		tableauOnglets[identifiantOnglet] = module;
	});
}
 
// remplace des liens directs vers les onglets par des liens permettant de ne charger
// que le contenu de l'onglet (pour le plugin tab)
function remplacerUrlsOnglets() {
	$(".lien-onglet").each(function() {
		var urlOnglet = $(this).attr('href');
		var urlVars = urlOnglet.slice(urlOnglet.indexOf('?') + 1);
		urlBase = base_url_application_onglets+"?"+urlVars;
		urlOnglet = urlBase.replace('action=fiche','action=onglet');
		$(this).attr('href', urlOnglet);
	});
}
 
ongletsInitialises = false;
numOngletEnCours = null;
nePasEmpilerUrl = false;
popStateOriginal = true;
function initialiserOnglets() {
	// replacement du chargement de toute la page par un lien vers uniquement le contenu de l'onglet
	// pour le module tab qui charge les url désignée dans les liens des tabs
	remplacerUrlsOnglets();
	
	// analyse de l'onglet désigné comme selectionné par défaut
	// (on peut accéder directement à un onglet précis à travers un param url)
	var tabSelectionneDefaut = $('#onglets li.ui-state-active');
	var indexTabSelectionneDefaut = $("#onglets li").index($(tabSelectionneDefaut));
 
	$('#zone_onglets').tabs({
		create: function( event, ui ) {
			// par défaut, le contenu déjà chargé est dans une autre zone
			// on le déplace donc comme s'il avait été chargé par le plugin tab
			var contenuZoneFiche = $("#zone_contenu_fiche > div").detach();
			contenuZoneFiche.appendTo('#ui-tabs-'+(indexTabSelectionneDefaut+1));
			$("#zone_contenu_fiche").hide();
			$('#ui-tabs-'+(indexTabSelectionneDefaut+1)).show();
			ongletNomCode = $('#ui-tabs-'+(indexTabSelectionneDefaut+1)).children(".onglet_contenu").attr("id");
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
		},
		active: indexTabSelectionneDefaut ,
		beforeLoad: function( event, ui ) {
			// il est inutile de recharger un onglet déjà chargé (les onglets déjà chargé sont l'onglet par défaut
			// et (lors du chargement de la fiche), l'onglet déjà chargé par php
			// +1 car les tabs sont zéros indexées
			var idPanelCharge = ui.tab.index()+1;
			var panelCharge = $('#ui-tabs-'+idPanelCharge);
			
			numOngletEnCours = idPanelCharge;
 
			if(!panelCharge.is(':empty') || indexTabSelectionneDefaut+1 == idPanelCharge) {
				// si le panneau est déjà chargé on peut mettre à jour l'url immédiatement
				var ongletNomCode = panelCharge.children(".onglet_contenu").attr("id");
				if(!nePasEmpilerUrl) {
					mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
					nePasEmpilerUrl = false;
				}
 
				$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));				
				panelCharge.show();
				return false;
			} else {
				// si l'onglet n'est pas chargé alors on affiche le message de chargement 
				// pendant que le plugin s'occupe du reste
				fancyboxinitialise = false;
				var panel = $('#ui-tabs-'+idPanelCharge);
				panel.append("<div class='tab-chargement'>Chargement des informations...</div>");
				return true;
			}
		},
		load: function(event, ui) {
			// sur les panneaux qui ne sont pas encore chargés, on doit attendre la fin
			// du chargement pour mettre à jour l'url (à cause de la récupération de l'id sur les enfants)
			var ongletNomCode = ui.panel.children(".onglet_contenu").attr("id");
			$(".lien_retour_synthese").toggle((ongletNomCode != "synthese"));
			mettreAJourUrl(permalienNumNom+"-"+ongletNomCode, ongletNomCode);
			$(document).trigger('dictionnaireRechercherDefinitions', '#'+ongletNomCode);
		}
	});
	
	$(window).bind('popstate', function(event) {
		if(!!event.originalEvent.state) {
			nePasEmpilerUrl = true;
			$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
		} else {
			// chrome fait un popstate au chargement de la page, ce qui la fait recharger 
			// indéfiniment, ce comportement étant compréhensible, il vaut mieux s'en prévenir
			if(!popStateOriginal) {
				window.location = window.location.href;
			}
			popStateOriginal = false;
		}
	});
}
 
//+----------------------------------------------------------------------------------------------------------+
// Wikini Flora
var htmlWikiOriginal = '';
var objetContenuWiki = null;
 
function getTemplateFormulaireEditionWiki(page, section, texte) {	
	var urlWebServiceWiki = getUrlEditionPourPageEtSection(page, section);
	var formulaire = 
		'<form method="post" id="formulaire_edition_wiki" name="formulaire_edition_wiki" action="'+urlWebServiceWiki+'">'+
		  '<div>'+
		  	'<textarea id="pageContenu" name="pageContenu" class="champ_edition_wiki">'+texte+'</textarea>'+
		  '</div>'+
		  '<input type="hidden" name="pageSectionTitre" id="pageSectionTitre" value="'+section+'" />'+
		  '<input type="submit" text="sauver" />'+
	  	  '<input class="bouton_annuler_edition" type="button" value="annuler" />';
		'</form>';		
	return formulaire;
}
 
function getSection() {
	return objetContenuWiki.attr("title");
}
 
function getPageWikiTaxon() {
	return pageWikiTaxon;
}
 
function getUrlEditionPourPageEtSection(page, section) {
	var url = urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
	return url;
}
 
function getUrlTextePourPageSectionBrute(page, section) {
	return urlTexteBrutSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}
 
function getUrlTextePourPageSectionFormatee(page, section) {
	return urlTexteFormateSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);
}
 
function remplacerContenuWikiParFormulaireEdition(objet_contenu) {
	objetContenuWiki = objet_contenu;
	var adresse = getUrlEditionPourPageEtSection(getPageWikiTaxon(), getSection());
	htmlWikiOriginal = objet_contenu.html();
	$.getJSON(adresse, function(data) {
		$(objetContenuWiki).removeClass('editable_sur_clic').html(getTemplateFormulaireEditionWiki(getPageWikiTaxon(), getSection(), data.texte));
	});
}
 
function gererEvenementsWiki() {
	//TODO: ajout automatique d'un lien ouvrant une page d'aide (un popup) au formatage des pages wikini
	$('.editable_sur_clic').live('dblclick',function(event) {
		remplacerContenuWikiParFormulaireEdition($(this));
	});
	
	$('#formulaire_edition_wiki').live('submit',function(event) {
	    event.preventDefault(); 
		var valeurs = $(this).serialize();
		$.post($(this).attr('action'), valeurs, function(data) {
			var adresse = getUrlTextePourPageSectionFormatee(getPageWikiTaxon(), getSection());
			$.getJSON(adresse, function(data) {
				$(objetContenuWiki).addClass('editable_sur_clic').html(data.texte);
			});
		});
	});
	
	$('.bouton_annuler_edition').live('click', function(event) {
		event.preventDefault();
		$(objetContenuWiki).addClass('editable_sur_clic').html(htmlWikiOriginal);
	});
	
	rendreLienAffichableDansNouvelleFenetre('.contenu_editable');
}
 
//+----------------------------------------------------------------------------------------------------------+
//Affichage dans une nouvelle fenetre
function rendreLienAffichableDansNouvelleFenetre(selecteur) {
	$(selecteur).find('a').live('click', function(event) {
		window.open($(this).attr('href'));
		event.preventDefault();
		return false;
	});
}
 
//+----------------------------------------------------------------------------------------------------------+
// Plier / déplier
function plierTout() {
	$('.nom').children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
	$('.plus').css('display', 'none');
}
 
function deplierTout() {
	$('.nom').children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
	$('.plus').css('display', 'inline');
}
 
function gestionBiblio(parent) {
	$('.nom').each(function () {
		if ($(this).children('.plus').length == 0) {
			html = $(this).html();
			
			// La partie biblio commence au premier crochet ouvrant
			// ou bien au span de la biblio à exclure
			posCrochetGauche = html.indexOf('[');
			posbiblioAExclure = html.indexOf('<span class="bib_excl">');
			
			if(posCrochetGauche < 0 || (posbiblioAExclure > 0 && posbiblioAExclure < posCrochetGauche)) {
				posCrochetGauche = posbiblioAExclure;
			}
			
			console.log(posCrochetGauche+" "+posbiblioAExclure);
			
			
			if (posCrochetGauche > 0) {
				nom = html.substr(0, posCrochetGauche);
				biblio = html.substr(posCrochetGauche, html.length);
				$(this).html(nom);
				
				imagettePlus = document.createElement('div');
				$(imagettePlus).addClass('imagettePlus');
				$(this).prepend($(imagettePlus));
				
				plus = document.createElement('span');
				$(plus).addClass('plus');
				$(plus).html(biblio);
				$(plus).hide();
				
				$(this).click(function(e) {
					// test pour ne réagir que sur le clic sur le + ou -
					// TODO: fusionner ce bout de code en doublon avec synthese.js
					if($(e.target).hasClass("imagettePlus") || $(e.target).hasClass("imagetteMoins")) {
						if (!$(this).children('.plus').is(':visible')) {
							$(this).children('.imagettePlus').removeClass('imagettePlus').addClass('imagetteMoins');
							$(this).children('.plus').css('display', 'inline');
						} else {
							$(this).children('.imagetteMoins').removeClass('imagetteMoins').addClass('imagettePlus');
							$(this).children('.plus').css('display', 'none');
						}
					}
					
				});
					
				$(this).append($(plus));
				
			}
		}
	});
}
 
function gererEvenementsPliage() {
	$('.lien_tout_deplier').live('click', function() {
		deplierTout();
	});
	$('.lien_tout_plier').live('click', function() {
		plierTout();
	});
	gestionBiblio(document);
}
 
//+----------------------------------------------------------------------------------------------------------+
//Pop Up images
function ouvrirPopUpImg(event) {
	event.preventDefault();
	window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("data-num-image"),
			'"'+'height='+event.data.h+',width='+event.data.w+',top='+event.data.t+',left='+event.data.l 
			+',toolbar='+event.data.toolbar+',menubar='+event.data.menubar +',location='
			+event.data.location+',resizable='+event.data.resizable+',scrollbars='+event.data.scrollbars 
			+',status='+event.data.status+'"');
}
 
//+----------------------------------------------------------------------------------------------------------+
// Message de chargement pour les graphique écologie
function gererChargementGraphiqueEcologie() {
	$('.ecologie_svg').addClass('chargement');
}
 
function gererAffichageLegendeEcologie() {
	$('.voir').live('click', function() {
		$(this).siblings('.legende_graphique').show();
		$(this).siblings('.cacher').show();
		$(this).hide();
	});
	
	$('.cacher').live('click', function() {
		$(this).siblings('.legende_graphique').hide();
		$(this).siblings('.voir').show();
		$(this).hide();
	});
}
 
 
//+----------------------------------------------------------------------------------------------------------+
// Initialisation
var fancyboxinitialise = false;
var param_popup_Coste = {h: 650, w: 550, t: 100, l: 100, 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 
var param_popup_Cel = {h: 750, w: 630, t: 100, l: 100, 
		toolbar: 'no', menubar: 'no', location: 'no', resizable: 'yes', scrollbars: 'yes', status: 'no'};
 
//Initialisation (uniquement sur la présence de la div bloc-fiche, qui contient la fiche eflore)
$(document).one('ficheSyntheseChargee', function() {
	initialiserOnglets();
 
	// TODO : devrait être .on() à la place de live()
	$('.lien_popup').live('click',function(event) {
		event.preventDefault();
		$.fancybox(this,{
			autoDimensions:false,
			width:580
		});
	});
	
	// TODO : devrait être .on() à la place de live()
	$('.lien_popup.lien_metadonnees').live('click',function(event) {
		event.preventDefault();
		$.fancybox(this,{
			autoDimensions:true
		});
	});
		
	$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);
	$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);
	
	afficherOngletsPourNiveau();
 
	gererEvenementsWiki();
	gererEvenementsPliage();
	
	$('a.lien_retour_synthese').click(function(event) {
		$('#onglet_synthese a').click();
		event.preventDefault();
	});
	
	$(window).resize(function() {
		redimensionnerOnglets();
	});
	redimensionnerOnglets();
	
	if($("#bloc-fiche").length > 0) {
		// initialisation de l'url avec l'onglet par défaut ou bien 
		// celui qui a été explicitement demandé
		mettreAJourUrl(permalienNumNom+"-"+onglet, onglet);
	}
	gererInteractionsPermaliens();
});
 
function ajouterEvenement(elementHtml, nomEvenement, functionCallBack) {  
	if(!!elementHtml && elementHtml != null) {	
		if(elementHtml.attachEvent) {// Internet Explorer
			elementHtml.attachEvent("on" + nomEvenement, function() {functionCallBack.call(elementHtml);}); 
		} else if(elementHtml.addEventListener) { // Firefox & autres
			elementHtml.addEventListener(nomEvenement, functionCallBack, false);
		}
	}
}
 
$(document).one('ongletRepartitionCharge', function() {
	var contRepObs = $(".conteneur_repartition_observations");
	contRepObs.addClass("chargement_repartition");
	// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
	// sur autre chose qu'une image
	$('#repartition_observations').ready(function() {
		ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
			contRepObs.removeClass("chargement_repartition");
		});
	});
	// lien "recalculer la carte de moissonnage"
	$('#lien_recalculer_carte').click(function() {
		var carteMoissonnageSvg = $('#repartition_observations'); // c'est plutôt "moissonnage" que "répartition" => squelette pourave power
		var urlCarte = carteMoissonnageSvg.attr("data");
		urlCarte += '&recalculer=1';
		contRepObs.addClass("chargement_repartition");
		carteMoissonnageSvg.attr("data", urlCarte);ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
			contRepObs.removeClass("chargement_repartition");
		});
		return false;
	});
});
 
$(document).one('ongletSyntheseCharge', function() {
	lierModulesEtOnglets();
	
	/* mouvement des blocs */
	$(".colonne").sortable({
		connectWith: ".colonne",
		handle: $(".module").children('h3') // mouvement seulement sur les titres
	});
	
	$('.lien_ouverture_onglet_parent').live('click', function(event) {
		event.preventDefault();
		$(this).parents(".module").find("a.titreOnglet").click();
	});
	
	gererClicIllustrationsFiche();
	gererEvenementsPliage();
});
 
// À la fin du chargement de l'onglet Illustrations
$(document).one('ongletIllustrationsCharge', function() {
	$('a.lien-images-organes.fourni').live('click', afficherOngletOrgane);
	$('a.lien-grande-image-organe').live('click', afficherGrandeImageOrgane);
	// pour que la galerie soit ouverte par défaut sur le premier organe non vide
	var premier = $('a.lien-images-organes.fourni').first().data('tag');
	afficherOngletOrgane(null, premier);
	
	$("a.lien_telechargement_image").fancybox({
		"type" : "iframe",
		"autoDimensions" : false,
		"width" : 800,
		"height" : 405,
		"titleShow" : false
	});
});
 
// Affiche les n images ayant le plus de votes, pour l'organe $tag
function afficherOngletOrgane(e, tag) {
	var onglets = $('div.onglet-organe'),
		contenu = $('#galerie-organes-contenu'),
		organeOnglet;
 
	if (tag === undefined) {
		tag = $(this).data('tag')
	}
	if ($(this).parent().hasClass('active')) { // replier
		$(this).parent().removeClass('active')
		contenu.hide();
		return false;
	}
 
	onglets.each(function() {
		organeOnglet = $(this).data('tag');
		var li = $('a.lien-images-organes[data-tag="' + organeOnglet + '"]').parent();
		if (organeOnglet == tag) {
			$(this).show();
			li.addClass('active');
		} else {
			$(this).hide();
			li.removeClass('active');
		}
	});
 
	contenu.show();
 
	var premierLienGrandeImage = $('div.onglet-organe:visible').find('a.lien-grande-image-organe').first(),
		grandeImage = $('#grande-image-organe').find('img');
	premierLienGrandeImage.trigger('click');
	grandeImage.show('fast');
 
	return false;
}
 
// Affiche en grand sous les miniatures l'image d'organe sur laquelle on a cliqué
function afficherGrandeImageOrgane() {
	var grandeImage = $('#grande-image-organe').find('img'),
		source = $(this).find('img').attr('src');
	source = obtenirUrlMoyenFormatIdImage($(this).data('id-image'));
	// chargement image et lien popup
	grandeImage.attr('src', source);
	// important pour Pinterest et cie.
	grandeImage.attr('alt', $(this).data('auteur') + ' - ' + $(this).data('titre'));
	grandeImage.parent().attr('href',obtenirUrlGrandFormatIdImage($(this).data('id-image')));
	// métadonnées
	var metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],
		clef;
	for (var i = 0; i < metadonnees.length; i++) {
		clef = metadonnees[i];
		var contenu = $(this).data(clef);
		if(clef == 'id-image') {
			contenu += 
				'<a title="T\xE9l\xE9charger cette image" class="lien_telechargement_image" href="'+urlBaseWidget+'telechargement?id_image='+$(this).data(clef)+'">'+
					'<img class="icone_action_ill" src="'+urlCssImages+'sauver.png" />'+
				'</a>'+
				'<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')+'">'+
					'<img class="icone_action_ill" src="'+urlCssImages+'infos_image.png" />'+
				'</a>'+
				'<a 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">' +
					'<img class="icone_action_ill" src="'+urlCssImages+'mauvaise_id.png">' +
				'</a>';
		}
		$('#grande-image-legende-' + clef).html(contenu);
 
	}
	// valeurs génériques
	$('#grande-image-legende-' + clef).html($(this).data(clef));
	$('#grande-image-legende-date').html(formaterDateVersFrancais($(this).data('date')));
	$('#grande-image-legende-id-destinataire').attr('href', urlPopup+'?module=popup-contact&action=form&referentiel='+REFERENTIEL+'&id_destinataire=' +
			$(this).data('id-destinataire') + '&id_img=' + $(this).data('id-image'));
	$('#grande-image-legende-id-destinataire').attr('title', "Envoyer un message \xE0 l'auteur \xE0 propos de cette image (n\xE9cessite d'\xEAtre identifi\xE9)");
	$('#grande-image-legende-auteur').attr('href', 'http://tela-botanica.org/profil:' + $(this).data('id-destinataire'));
	$('#grande-image-legende-auteur').attr('target', '_blank');
	$('#grande-image-legende-auteur').attr('title', "Voir le profil de cet utilisateur (n\xE9cessite d'\xEAtre identifi\xE9)");
 
 
	$('#grande-image-legende-id-image a.lien_telechargement_image').unbind('click.fb').fancybox({
		"type" : "iframe",
		"autoDimensions" : false,
		"width" : 800,
		"height" : 405,
		"titleShow" : false
	});
}
 
function obtenirUrlMoyenFormatIdImage(idImage) {
	idImage = remplirChaineDebut(idImage, "0", 9);
	return urlImagesOrganesMoyenFormatTpl.replace('{id_image}', idImage);
}
 
function obtenirUrlGrandFormatIdImage(idImage) {
	idImage = remplirChaineDebut(idImage, "0", 9);
	return urlImagesOrganesGrandFormatTpl.replace('{id_image}', idImage);
}
 
function remplirChaineDebut(chaine, remplissage, longueur) {
	while(chaine.toString().length < longueur) {
		chaine = remplissage.toString()+chaine.toString();
	}
	return chaine;
}
 
// transforme une date du type "2012-04-06" en "06 avril 2012"
function formaterDateVersFrancais(date) {
	var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
		amj_hms = date.split(' '),
		amj = amj_hms[0].split('-');
	return amj[2] + ' ' + mois[parseInt(amj[1]) - 1] + ' ' + amj[0];
}
 
function redimensionnerOnglets() {
	
	var largeurTotale = $('#zone_onglets').width();
	var largeurOnglets = 0;
	var largeurDernierOnglet = 0;
	$('#onglets li').each(function() {
		largeurDernierOnglet = $(this).outerWidth();
		largeurOnglets += $(this).outerWidth();
	});
	
	var espaceRestant = largeurTotale - largeurOnglets;
	if(espaceRestant < largeurDernierOnglet) {
		var pxALiberer = (largeurDernierOnglet - espaceRestant)/ $('#onglets li').size();
		$('#onglets li').each(function() {
			$(this).width($(this).width() - (pxALiberer - 4));
			$(this).css("font-size", "0.9em");
		});
	} else {
		$('#onglets li').each(function() {
			$(this).css("width", "auto");
			$(this).css("font-size", "1em");
		});
	}
}
 
// ouvre le popup de galerie lors d'un clic sur l'illustration dans la fiche synthèse
function gererClicIllustrationsFiche() {
	$('.illustration_cel').live('click', function() {
		var url_image = $(this).attr('src');
		var titre = $('.nomenclature').first().text();
		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;
		//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;
		//alert(url);
		//return false;
		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));
	}); 
	
	$('#synthese_repartition img').click(function(event) {
		// Ouverture de l'onglet répartition
		event.preventDefault();
		$(this).parents(".module").find("a.titreOnglet").click();
	});
}
 
function ouvrirFenetreIllustrationFiche(url, titre, hauteur, largeur) {
	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));
	var tmp = fenetre.document;
	tmp.write('<html><head><title>'+titre+'</title>');
	tmp.write('</head><body>');
	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>');
	tmp.write('</body></html>');
	tmp.close();
}
 
 
// met à jour l'url dans la barre du navigateur ainsi que dans le permalien en bas
// de la fiche
function mettreAJourUrl(nouvelleUrl, etat) {
	$('#permalien_num_nom').val(nouvelleUrl);
	if (!!(window.history && window.history.pushState)) {
		var currentState = window.history.state;
		if (currentState != nouvelleUrl && !!etat) {
			window.history.pushState(etat, "", nouvelleUrl);
		}
	}
}
 
function gererInteractionsPermaliens() {	
	$(".conteneur_permalien > a").each(function() {
		var txt = '<input type="text" id="'+$(this).attr('id')+'" readonly="readonly" class="lien_externe" value="'+$(this).attr('href')+'">';
		$(this).replaceWith(txt);
	});
	$(".conteneur_permalien > input").each(function() {
		$(this).attr('size', $(this).val().length - 7);
	});
	$(".conteneur_permalien > input").hover(
		function() {
			 $(this).select();
		}, function() {
			// rien à faire sur le mouseout
		}
	);
}
 
function gererTemplatesChargementALaDemande() {
	$('.lien-ajax-tpl a').live('click', function(e) {
		if($(this).attr('data-loading') != "true") {
			$(this).attr('data-loading', "true");
			e.preventDefault();
			urlTpl = $(this).attr('href');
			$(this).hide();
			thisElementParent = $(this).parent();
			thisElementParent.append("<div class='tab-chargement'>Chargement des informations...</div>");
			$.get(urlTpl, function( data ) {
				thisElementParent.replaceWith( data );
			});
			return false;
		}
	});
}
 
$(document).ajaxStop(function() {
	gererChargementGraphiqueEcologie();
	gererAffichageLegendeEcologie();
	gererTemplatesChargementALaDemande();
	if (document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#BasicStructure', '1.1') == false) {
		$('.svg').each(function() {
			alt = $(this).attr('alt');
			img = document.createElement('img');
			img.src = alt;
			$(this).replaceWith(img);
		});
	}
});
 
Subversion Repositories eFlore/Applications.eflore-consultation

(root)/trunk/presentations/scripts/fiche-synthese.js – Rev 1389 → 1390

Rev 1389		Rev 1390
1	`//+----------------------------------------------------------------------------------------------------------+`	1	`//+----------------------------------------------------------------------------------------------------------+`
2	`// Onglets et Portlets`	2	`// Onglets et Portlets`
3	`/**`	3	`/**`
4	`* Les variables suivantes ont été ajoutée par php`	4	`* Les variables suivantes ont été ajoutée par php`
5	`*`	5	`*`
6	`* var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki`	6	`* var urlTexteBrutSectionWikiTpl : url pour obtenir le texte brut d'une section de wiki`
7	`* var urlEditionSectionWikiTpl : url pour éditer une section du wiki`	7	`* var urlEditionSectionWikiTpl : url pour éditer une section du wiki`
8	`* var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki`	8	`* var urlTexteFormateSectionWikiTpl : url pour obtenir le texte formaté en html d'une section de wiki`
9	`* var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki`	9	`* var pageWikiTaxon : url pour obtenir le texte formaté en html d'une section de wiki`
10	`* var urlPopup = url de base pour les popup contenant du code un peu complexe`	10	`* var urlPopup = url de base pour les popup contenant du code un peu complexe`
11	`*`	11	`*`
12	`*/`	12	`*/`
13		13
14	`/**`	14	`/**`
15	`* Variables globales du script`	15	`* Variables globales du script`
16	`*/`	16	`*/`
17	`var modules = Array();`	17	`var modules = Array();`
18	`var tableauOnglets = Array();`	18	`var tableauOnglets = Array();`
19	`var nbOngletsInvisibles = 0;`	19	`var nbOngletsInvisibles = 0;`
20	`var ongletSyntheseCharge = true;`	20	`var ongletSyntheseCharge = true;`
21	`var ongletIllustrationsCharge = false;`	21	`var ongletIllustrationsCharge = false;`
22		22
23	`/** Classe Module`	23	`/** Classe Module`
24	`* Définit un module de type portlet`	24	`* Définit un module de type portlet`
25	`**/`	25	`**/`
26	`function Module(id, module, onglet, statique) {`	26	`function Module(id, module, onglet, statique) {`
27		27
28	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`	28	`// Variables de classe : identifiant, titre, et le HTML du résumé à afficher dans le contenu`
29	`this.id = id;`	29	`this.id = id;`
30	`this.titre;`	30	`this.titre;`
31	`this.htmlResume;`	31	`this.htmlResume;`
32	`this.statique = statique;`	32	`this.statique = statique;`
33		33
34	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`	34	`// Les objets Portlet et Onglet que l'ont garde en mémoire pour pouvoir y accéder facilement`
35	`this.portlet = module;`	35	`this.portlet = module;`
36	`this.onglet;`	36	`this.onglet;`
37		37
38	`// creerPortlet`	38	`// creerPortlet`
39	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`	39	`// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classe`
40	`this.creerPortlet = function() {`	40	`this.creerPortlet = function() {`