Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

No changes between revisions

Ignore whitespace Rev 1259 → Rev 1260

/tags/v5.6-bureau/presentations/scripts/recherche.js
New file
0,0 → 1,397
/**-------------------------- Objets globaux -----------------------------------*/
/*
* Les variables suivantes sont ajoutée automatiquement dans le squelette du moteur de
* recherche par php, elles sont commentées ici pour qu'elles n'aient pas l'air
* de sortir de la cuisse de Jupiter
*
* var AUTOCOMPLETION_ELEMENTS_NBRE : indique le nombre d'éléments à afficher dans la liste d'autocomplétion.
*
* var URL_SERVICE_AUTOCOMPLETION_NOM_SCI : url de base du service de complétion de noms scientifiques
* pour le projet en cours de consultation.
* Exemple : http://localhost/service:eflore:0.1/bdtfx/noms?recherche=etendue&retour.format=min&masque=Ace%mo
*
* var URL_SERVICE_AUTOCOMPLETION_NOM_VERNA : url de base du service de complétion de noms vernaculaires
* pour le projet en cours de consultation.
* Exemple : http://localhost/service:eflore:0.1/nvjfl/noms-vernaculaires?recherche=etendue&retour.format=oss&masque=aca&masque.lg=fra
*
* var VALEUR_DEFAUT_NOM_SCI : Contient la valeur par défaut affichée dans le formulaire en mode sci
* Exemple: Rechercher un nom scientifique
*
* var VALEUR_DEFAUT_NOM_VERNA : Contient la valeur par défaut affichée dans le formulaire en mode verna
* Exemple: Recherche un nom commun
*
* var URL_BASE_POPUP : url de base pour les popup contenant du code un peu complexe
*/
 
var champs_ts = ["#au","#and","#anf","#nom","#bib"];
var autocompletionFicheOuverte = false;
var elementAutocompletionSelectionne = null;
var nomRechercheEnCours = null;
 
$(document).ready(function() {
initialiserMoteur();
});
 
function initialiserMoteur() {
ajouterAutocompletion();
gererAffichageValeursParDefaut();
gererAccesFicheFlecheDroite();
gererClicIllustrationsResultats();
gererAccesFicheBouton();
}
 
/**------------------- Fonctions de gestion de l'autocompletion ---------------------------------*/
function ajouterAutocompletion(){
ajouterAutocompletionNoms();
$('.champ_autocomplete').each(function(index) {
ajouterAutocompletionAvancee($(this));
});
}
 
function ajouterAutocompletionAvancee(champs){
champs.autocomplete({
source: function(requete, add){
// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
requete = "";
var id = champs.attr('id');
var url = encodeURI(getUrlAutocompletionAvancee(id));
$.getJSON(url, requete, function(data) {
var suggestions = [];
suggestions = traiterRetourAvance(data,champs);
add(suggestions);
});
},
html: true
});
}
 
function ajouterAutocompletionNoms() {
$('#nom').autocomplete({
source: function(requete, add){
// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
requete = "";
var url = encodeURI(getUrlAppelCompletion());
$.getJSON(url, requete, function(data) {
var suggestions = [];
if (nomVernaculaireEstDemande()) {
suggestions = traiterRetourNomsVerna(data);
} else if (nomSciEstDemande()) {
suggestions = traiterRetourNomsSci(data);
}
add(suggestions);
});
},
search: function(event, ui) {
nomRechercheEnCours = 'nom_sci';
},
focus: function(event, ui) {
elementAutocompletionSelectionne = ui.item;
},
open: function(event, ui) {
autocompletionFicheOuverte = true;
var parent = $('.autocompletion_nom.ui-menu-item').parent();
parent.width(parent.width() + 10);
},
close: function(event, ui) {
autocompletionFicheFermee = false;
nomRechercheEnCours = null;
},
html: true
});
$("#nom").bind("autocompleteselect", function(event, ui) {
if (ui.item.retenu == true) {
$("#nom").addClass('ns-retenu');
} else {
$("#nom").removeClass('ns-retenu');
}
});
}
 
// gére l'acces direct à une fiche par l'appui sur droite
// dans la liste d'autocompletion des noms scientifiques
function gererAccesFicheFlecheDroite() {
$(document).keypress(function(event) {
// flèche droite
if(event.keyCode == 39) {
if(autocompletionFicheOuverte && elementAutocompletionSelectionne != null && nomSciEstDemande()) {
$('#nom').val(elementAutocompletionSelectionne.value);
if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
window.location.href = url_fiche_taxon;
}
$('#nom').autocomplete( "disable" );
//TODO : ajout d'un message de chargement ?
}
}
if(event.keyCode == 13) {
if(autocompletionFicheOuverte && elementAutocompletionSelectionne == null && $('#nom').is(":focus")) {
$('#eflore_nomenclature_submit').click();
}
}
});
}
 
function gererAccesFicheBouton() {
$('#eflore_nomenclature_fiche').click(function(event) {
if(elementAutocompletionSelectionne != null && nomSciEstDemande()) {
$('#nom').val(elementAutocompletionSelectionne.value);
if(elementAutocompletionSelectionne.nn != undefined && elementAutocompletionSelectionne.nn != null) {
var url_fiche_taxon = URL_BASE_FICHE_TAXON.replace('{num_taxon}',elementAutocompletionSelectionne.nn);
window.location.href = url_fiche_taxon;
}
event.preventDefault();
}
});
}
 
function traiterRetourNomsSci(data) {
var suggestions = [];
if (data.resultat != undefined) {
$.each(data.resultat, function(i, val) {
val.nn = i;
var nom = {label : '', value : '', retenu : false};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
nom.label = "...";
nom.value = $('#nom').val();
suggestions.push(nom);
return false;
} else {
nom.label = val.nom_sci_complet;
nom.value = val.nom_sci;
nom.nn = val.nn;
if(val.retenu != "absent") {
nom.retenu = (val.retenu == 'true') ? true : false;
suggestions.push(nom);
}
}
});
}
return suggestions;
}
 
 
function traiterRetourAvance(data, champs) {
var suggestions = [];
if (jQuery.type(data) == "array") {
$.each(data[1], function(i, val) {
var ch = {label : '', value : ''};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
ch.label = "...";
ch.value = champs.val();
suggestions.push(ch);
return false;
} else {
ch.label = val;
ch.value = val;
suggestions.push(ch);
}
});
}
return suggestions;
}
 
function traiterRetourNomsVerna(data) {
var suggestions = [];
if (jQuery.type(data) == "array") {
$.each(data[1], function(i, val){
var nom = {label : '', value : ''};
if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
nom.label = "...";
nom.value = $('#nom').val();
suggestions.push(nom);
return false;
} else {
nom.label = val;
nom.value = val;
suggestions.push(val);
}
});
}
return suggestions;
}
 
 
/**------------ Fonctions de gestion des urls d'autocompletion et des fiches ------------------*/
 
function getUrlAutocompletionAvancee(parametre) {
var valeur = getValeurMasque(parametre);
var ns_str = getValeurNsStructure(parametre);
var url = URL_SERVICE_AUTOCOMPLETION_NOM_SCI+"?recherche=etendue&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE +'&masque.'+parametre+'='+valeur+
'&retour.format=oss&distinct=1&ns.structure='+ns_str;
return url;
}
 
function getValeurMasque(parametre) {
var valeur = $('#'+parametre).val();
if (parametre == 'au' ){
valeur = valeur +',(' + valeur + ')';
} else if (parametre == 'bib' ){
valeur = valeur +', %; ' + valeur ;
}
return valeur;
}
 
function getValeurNsStructure(parametre) {
var ns = '';
if (parametre == 'au' || parametre == 'bib'){
ns = parametre +'_ss';
} else {
ns = parametre;
}
return ns;
}
 
 
function getUrlAppelCompletion() {
var url = '';
var mots = $('#nom').val();
if (nomSciEstDemande()) {
url = getUrlAutocompletionNomsSci(mots);
} else if (nomVernaculaireEstDemande()) {
mots = mots.replace(' ',' ');
mots = mots.replace(' ','_');
url = getUrlAutocompletionNomsVerna(mots);
}
return url;
}
 
function getUrlAutocompletionNomsSci(requete) {
var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_SCI, requete, 'min')+
"&ns.structure=au,an"+
"&retour.tri=retenu";
return url;
}
 
function getUrlAutocompletionNomsVerna(requete) {
var url = getUrlAutocompletion(URL_SERVICE_AUTOCOMPLETION_NOM_VERNA, requete, 'oss')+
"&masque.lg=fra";
return url;
}
 
function getUrlAutocompletion(baseUrl, requete, format) {
var url = baseUrl+"?"+
"masque="+requete+"&"+
"recherche=etendue&"+
"retour.format="+format+"&"+
"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
return url;
}
 
/**------------ Fonctions de détection de l'état du formulaire ------------------*/
function nomSciEstDemande() {
var boutonRadioNomSci = $('#type_nom_scientifique');
return (($('#type_nom_vernaculaire').length <= 0) || (boutonRadioNomSci != null && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked"));
}
 
function nomVernaculaireEstDemande() {
var boutonRadioNomSci = $('#type_nom_vernaculaire');
return (boutonRadioNomSci.length > 0 && boutonRadioNomSci.attr("checked") != "undefined" && boutonRadioNomSci.attr("checked") == "checked");
}
 
/**------------ Fonctions de gestion de l'affichage des valeurs par defaut ----------------------*/
function gererAffichageValeursParDefaut() {
$('input[name="type_nom"]').click(function() {
changerPlaceHolderNom();
});
changerPlaceHolderNom();
$('input').click(function() {
$(this).attr('placeholder', '');
});
}
 
function changerPlaceHolderNom() {
if(nomSciEstDemande()) {
$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_SCI);
} else {
$('#nom').attr('placeholder',VALEUR_DEFAUT_NOM_VERNA);
}
}
 
/**------------ Fonctions de gestion du zoom sur les images affichées dans les résultats de recherche ----------------------*/
function gererClicIllustrationsResultats() {
$('.illustration_resultat_cel').click(function() {
var url = $(this).attr('src');
var titre = trouverNomTaxon($(this));
var url = URL_BASE_POPUP+"?module=popup-galerie&action=fiche&num_nom="+$(this).attr('data-num-nom')+"&titre="+titre+"&referentiel="+REFERENTIEL;
window.open(url, '', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no, width='+(700)+', height='+(650));
});
$('.illustration_resultat_choro').click(function() {
var url = $(this).attr('src').replace('108x101','432x404');
var titre = 'Chorologie du taxon '+trouverNomTaxon($(this));
ouvrirFenetreIllustrationResultat(url, titre, 432, 404);
});
$('.illustration_resultat_coste').click(function() {
var url = $(this).attr('src');
var titre = 'Illustration de Coste du taxon '+trouverNomTaxon($(this));
ouvrirFenetreIllustrationResultat(url, titre, 400, 400);
});
}
 
function trouverNomTaxon(objet) {
nom = "";
if(nomVernaculaireEstDemande()) {
nom = objet.parent().parent().find('a.lien_fiche_eflore').text();
} else {
nom = objet.parent().find('.nom-sci a.lien_fiche_eflore').text();
}
return nom;
}
 
function ouvrirFenetreIllustrationResultat(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();
}
 
/*
* jQuery UI Autocomplete HTML Extension
*
* Copyright 2010, Scott González (http://scottgonzalez.com)
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* http://github.com/scottgonzalez/jquery-ui-extensions
*
* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
*/
(function( $ ) {
var proto = $.ui.autocomplete.prototype,
initSource = proto._initSource;
function filter( array, term ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
return $.grep( array, function(value) {
return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
});
}
$.extend( proto, {
_initSource: function() {
if (this.options.html && $.isArray(this.options.source) ) {
this.source = function( request, response ) {
response( filter( this.options.source, request.term ) );
};
} else {
initSource.call( this );
}
},
_renderItem: function( ul, item) {
if (item.retenu == true) {
item.label = "<strong>"+item.label+"</strong>";
}
var classe = (nomRechercheEnCours == 'nom_sci' && nomSciEstDemande()) ? 'class="autocompletion_nom"' : '';
return $("<li "+classe+"></li>")
.data("item.autocomplete", item)
.append( $("<a></a>")[ this.options.html ? "html" : "text" ](item.label))
.appendTo(ul);
}
});
})( jQuery );
Property changes:
Added: svn:executable
+*
\ No newline at end of property
/tags/v5.6-bureau/presentations/scripts/eflore.js
New file
0,0 → 1,20
/**
* Contient les fonction JS communes à l'ensemble des parties d'eflore (popup.php, index.php).
*
*/
 
$(document).ready(function() {
$('body').on('click', 'a.lien-externe, a.lien_externe', ouvrirFenetreExterne);
$('body').on('click', 'a.mailto', ouvrirPopUpContact);
});
 
function ouvrirFenetreExterne(event) {
event.preventDefault();
top.open($(this).attr('href'));
}
 
function ouvrirPopUpContact(event) {
event.preventDefault();
window.open($(this).attr('href'), "Contact",
'height=500, width=500, top=100, left=100, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=yes, status=no');
}
/tags/v5.6-bureau/presentations/scripts/fiche-synthese.js
New file
0,0 → 1,697
//+----------------------------------------------------------------------------------------------------------+
// 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;
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);
}
});
$(window).bind('popstate', function(event) {
if(!!event.originalEvent.state) {
nePasEmpilerUrl = true;
$("#onglets > li > a[rel='"+event.originalEvent.state+"']").click();
} else {
window.location = window.location.href;
}
});
}
 
//+----------------------------------------------------------------------------------------------------------+
// 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) {
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 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) {
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 images
function 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 é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)
$("#bloc-fiche").ready(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.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() {
$(".conteneur_repartition_observations").addClass("chargement_repartition");
// utilisation d'une fonction native car jQuery refuse d'ajouter un évènement load
// sur autre chose qu'une image
ajouterEvenement(document.getElementById("repartition_observations"), "load", function() {
$(".conteneur_repartition_observations").removeClass("chargement_repartition");
});
});
 
$(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);
});
 
// 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 = source.replace('CRX2S', 'L'); // @FIXME cracra
// chargement image et lien popup
grandeImage.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ées
var 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è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);
$('#permalien_num_nom').select();
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
}
);
}
 
$(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);
});
}
});
Property changes:
Added: svn:executable
+*
\ No newline at end of property