Rev 1239 | Blame | Compare with Previous | Last modification | View Log | RSS feed
//+----------------------------------------------------------------------------------------------------------+// 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 contenuthis.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 facilementthis.portlet = module;this.onglet;// creerPortlet// Créer l'objet Portlet HTML à afficher et le stocker dans les variables de classethis.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() {if (objet.onglet.is(':visible')) {$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);}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 HTMLthis.creerOnglet = function() {var objet = this;this.onglet = onglet;}// Initialisation de l'objetthis.creerPortlet();this.creerOnglet();// Accesseurs de la classethis.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 ongletsthis.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 selectionnerOngletSynthese() {// Suppression des classes css qui mettent en surbrillance l'onglet actif$('#zone_onglets > ul > li').removeClass('ui-tabs-selected');$('#zone_onglets > ul > li').removeClass('ui-state-active');// application de ces même classes css à l'onglet "acceuil" qui est un onglet "articifiel"$('#onglet_synthese').addClass('ui-tabs-selected');$('#onglet_synthese').addClass('ui-state-active');$('a.lien_retour_synthese').hide();}function deselectionnerOngletSynthese() {// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil$('#onglet_synthese').removeClass('ui-tabs-selected');$('#onglet_synthese').removeClass('ui-state-active');$('a.lien_retour_synthese').show();}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 selectionnerOngletParDefautOuEnregistre() {// Si un onglet est précisé dans l'url// Récupération de l'adresse de l'onglet sélectionnévar urlVars = getUrlVars();if (urlVars['onglet'] == undefined) {// Si pas d'onglet enregistré, selection du premier par défaut// Si c'est l'onglet fiche, on le sélectionne artificiellementselectionnerOngletSynthese();$('.ui-tabs-panel').hide();$('#synthese').show();} else {ongletSyntheseCharge = false;}var cookieOnglet = obtenirOngletCookiePourPage();// On réouvre le dernier onglet consulté, à voir si on garde ça en prod, en tout cas c'est// pratique pendant le développementif (cookieOnglet && cookieOnglet != 'ui-tabs-1') {$('#zone_onglets').tabs("select", '#'+cookieOnglet);} else {selectionnerOngletSynthese();$('.ui-tabs-panel').hide();$('#synthese').show();}}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 surSelectionOnglet(event,ui) {// Récupération de l'adresse de l'onglet sélectionnévar url = ui.tab.href;// le fragment suivant le # dans l'url contient l'id de l'ongletvar fragmentsAncre = url.split('#');fancyboxinitialise = false;if (fragmentsAncre.length > 0) {var ancre = fragmentsAncre[fragmentsAncre.length - 1];// Si c'est un onglet correspondant à un projet, on cache la synthèse et le plugin// chargera son contenu dans l'espace appropriéif (ancre != 'ui-tabs-1') {var panel = $(ui.panel);if (panel.is(":empty")) {panel.append("<div class='tab-chargement'>Chargement des informations...</div>")}deselectionnerOngletSynthese();$('.ui-tabs-panel').show();$('#zone_contenu_fiche').hide();enregistrerOngletCookiePourPage(ancre);} else {if (ongletSyntheseCharge) {// Si c'est l'onglet fiche, on le sélectionne artificiellementselectionnerOngletSynthese();$('.ui-tabs-panel').hide();$('#zone_contenu_fiche').show();enregistrerOngletCookiePourPage(ancre);return false;} else {window.location = url;}}}return true;}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;});$(".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);});}//+----------------------------------------------------------------------------------------------------------+// Wikini Floravar 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) {return urlEditionSectionWikiTpl.replace('{pageTag}', page).replace('{sectionTitre}', section);}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 fenetrefunction rendreLienAffichableDansNouvelleFenetre(selecteur) {$(selecteur).find('a').live('click', function(event) {window.open($(this).attr('href'));event.preventDefault();return false;});}//+----------------------------------------------------------------------------------------------------------+// Plier / déplierfunction 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) {parent.children('.nom').each(function () {html = $(this).html();posCrochetGauche = html.indexOf('[');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() {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 imagesfunction ouvrirPopUpImg(event) {event.preventDefault();window.open($(this).attr('href'),"Photo_"+$(this).children("img").attr("title"),'"'+'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 écologiefunction 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();});}//+----------------------------------------------------------------------------------------------------------+// Initialisationvar 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$(document).ready(function() {lierModulesEtOnglets();/* mouvement des blocs */$(".colonne").sortable({connectWith: ".colonne",handle: $(".module").children('h3') // mouvement seulement sur les titres});$('#zone_onglets').tabs({select: function(event, ui) {return surSelectionOnglet(event,ui)}});// 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_ouverture_onglet_parent').click(function(event) {event.preventDefault();$(this).parents(".module").find("a.titreOnglet").click();});$('.lien-image-cel').live('click', param_popup_Cel , ouvrirPopUpImg);$('.lien-image-coste').live('click', param_popup_Coste , ouvrirPopUpImg);afficherOngletsPourNiveau();selectionnerOngletParDefautOuEnregistre();$('.ui-icon-close').click(function() {estOngletActif = $(this).parent().hasClass('ui-state-active');if (estOngletActif) {//L'onglet que l'on veut fermer est celui qui est ouvert, on va donc le masquer et afficher celui d'accueil$("#zone_onglets").tabs('select', 0);}});gererEvenementsWiki();gererEvenementsPliage();gererClicIllustrationsFiche();$('a.lien_retour_synthese').click(function(event) {$('#onglet_synthese a').click();event.preventDefault();});$(window).resize(function() {redimensionnerOnglets();});redimensionnerOnglets();});// À la fin du chargement de l'onglet Illustrations$(document).on('ongletIllustrationsCharge', function() {if (ongletIllustrationsCharge == false) {ongletIllustrationsCharge = true;$('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 videvar premier = $('a.lien-images-organes.fourni').first().data('tag');afficherOngletOrgane(null, premier);}});// Affiche les n images ayant le plus de votes, pour l'organe $tagfunction 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 = source.replace('CRX2S', 'L'); // @FIXME cracra// chargement image et lien popupgrandeImage.attr('src', source);grandeImage.parent().attr('href','/eflore/consultation/popup.php?module=popup-illustrations&action=fiche&referentiel=bdtfx&id=' + $(this).data('id-image'));// métadonnéesvar metadonnees = ['id-image', 'titre', 'description', 'localisation', 'auteur'],clef;for (var i = 0; i < metadonnees.length; i++) {clef = metadonnees[i];$('#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 à l'auteur à propos de cette image (nécessite d'être identifié)");$('#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écessite d'être identifié)");}// 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èsefunction 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épartitionevent.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();}$(document).ajaxStop(function() {gererChargementGraphiqueEcologie();gererAffichageLegendeEcologie();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);});}});