Subversion Repositories eFlore/Applications.eflore-consultation

Compare Revisions

Regard whitespace Rev 241 → Rev 242

/trunk/modules/fiche/squelettes/fiche_synthese.tpl.html
1,10 → 1,10
<? $url = 'index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&num_nom='.$num_nom.'&type_nom='.$type_nom.'&nom='.$nom.'&onglet=';?>
<div class="synthese">
<div class="colonne">
<div id="synthese_illustrations" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">Illustrations</h3>
<!-- <a href="index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&action=fiche&num_nom=<?=$num_nom?>&type_nom=<?=$type_nom?>&nom=<?=$nom?>&onglet=illustrations">
Illustrations
</a></h3> -->
<h3 class="titre ui-widget-header ui-corner-all" id="titre-0">
<a class="lien-onglet-synthese" href="<?=$url;?>illustrations">Illustrations</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
11,7 → 11,9
</span>
</div>
<div id="synthese_description" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-1">Description</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-1">
<a class="lien-onglet-synthese" href="<?=$url;?>description">Description</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
18,7 → 20,9
</span>
</div>
<div id="synthese_classification" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-2">Classification</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-2">
<a class="lien-onglet-synthese" href="<?=$url;?>classification">Classification</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
29,7 → 33,9
</div>
<div class="colonne">
<div id="synthese_bibliographie" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-3">Bibliographie</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-3">
<a class="lien-onglet-synthese" href="<?=$url;?>bibliographie">Bibliographie</a>
</h3>
<span id="contenu-0" class="contenu">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
38,7 → 44,9
</span>
</div>
<div id="synthese_repartition" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-4">Répartition</h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-4">
<a class="lien-onglet-synthese" href="<?=$url;?>repartition">Répartition</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
45,7 → 53,9
</span>
</div>
<div id="synthese_ethnobotanique" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-5">Ethnobotanique<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-5">
<a class="lien-onglet-synthese" href="<?=$url;?>ethnobotanique">Ethnobotanique</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
54,7 → 64,9
</div>
<div class="colonne">
<div id="synthese_statut" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-7">Statut de protection<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-7">
<a class="lien-onglet-synthese" href="<?=$url;?>statut">Statut de protection</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
63,7 → 75,9
</span>
</div>
<div id="synthese_nomenclature" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-8">Nomenclature<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-8">
<a class="lien-onglet-synthese" href="<?=$url;?>nomenclature">Nomenclature</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
70,7 → 84,9
</span>
</div>
<div id="synthese_phytosociologie" class="module ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
<h3 class="titre ui-widget-header ui-corner-all" id="titre-9">Phytosociologie<span class="lienToggle"></span></h3>
<h3 class="titre ui-widget-header ui-corner-all" id="titre-9">
<a class="lien-onglet-synthese" href="<?=$url;?>phytosociologie">Phytosociologie</a>
</h3>
<span id="contenu-0" class="contenu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
/trunk/modules/fiche/squelettes/fiche_accueil.tpl.html
10,54 → 10,34
<? $url = 'index_botanique.php?referentiel=bdtfx&niveau=1&module=fiche&action=fiche&num_nom='.$num_nom.'&type_nom='.$type_nom.'&nom='.$nom.'&onglet=';?>
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li id="onglet_synthese" class="ui-state-default ui-corner-top <?= ($onglet == 'synthese') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet lien-statique" href="<?=$url;?>synthese">
Accueil
</a>
<a class="lien-onglet lien-statique" href="<?=$url;?>synthese">Accueil</a>
</li>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'illustrations') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>illustrations">
Illustrations
</a>
<a class="lien-onglet" href="<?=$url;?>illustrations">Illustrations</a>
</li>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'description') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>description">
Description
</a>
<a class="lien-onglet" href="<?=$url;?>description">Description</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>classification">
Classification
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'classification') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>classification">Classification</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>bibliographie">
Bibliographie
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'bibliographie') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>bibliographie">Bibliographie</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>repartition">
Répartition
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'repartitio') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>repartition">Répartition</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>ethnobotanique">
Ethnobotanique
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'ethnobotanique') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>ethnobotanique">Ethnobotanique</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>statut">
Statut de protection
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'statut') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>statut">Statut de protection</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>nomenclature">
Nomenclature
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'nomenclature') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>nomenclature">Nomenclature</a>
</li>
<li class="ui-state-default ui-corner-top">
<a class="lien-onglet" href="<?=$url;?>phytosociologie">
Phytosociologie
</a>
<li class="ui-state-default ui-corner-top <?= ($onglet == 'phytosociologie') ? 'ui-tabs-selected ui-state-active' : '' ;?>">
<a class="lien-onglet" href="<?=$url;?>phytosociologie">Phytosociologie</a>
</li>
<li id="ongletEtPlus" class="ui-state-default ui-corner-top">
<a id="lienOngletEtPlus" class="lien-statique" href="#etPlus">
/trunk/presentations/styles/eflore.css
608,6 → 608,11
#lienOngletEtPlus { /* icone */
width:6px;
}
 
.lien-onglet-synthese, .lien-onglet-synthese:hover {
border-bottom: none;
}
 
.menuModules { /* liste */
left: 495px;
width: 187px;
/trunk/presentations/scripts/fiche-synthese.js
27,6 → 27,27
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')) {
console.log(objet.onglet);
$('#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';
42,8 → 63,11
return module;
}
 
// creerOnglet
// Créer l'objet Onglet HTML
this.ongletEstAffiche = function() {
return $(this.onglet.selector).is(':visible');
}
 
// Crée l'objet Onglet HTML
this.creerOnglet = function() {
var objet = this;
 
156,50 → 180,49
$('#onglet_synthese').removeClass('ui-state-active');
}
 
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;
}
 
var ongletSyntheseCharge = true;
function selectionnerOngletParDefautOuEnregistre() {
//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
//
// 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 artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#synthese').show();
} else {
ongletSyntheseCharge = false;
}
}
//Initialisation
$(document).ready(function() {
i = 1;
function afficherOngletsPourNiveau() {
/* affiche les onglets par default selon niveau*/
for(indice in tableauOnglets) {
var ongletEnCours = tableauOnglets[indice];
if (ongletsDefaut.indexOf(jQuery.trim(ongletEnCours.titre)) == -1) {
ongletEnCours.afficherCacherModule();
nbOngletsInvisibles++;
}
}
}
//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));
module.titre = $(this).children('h3').text();
tableauOnglets[identifiantOnglet] = module;
});
$(".lien-onglet").each(function() {
var adresse_onglet = $(this).attr('href');
var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
$(this).attr('href', adresse_contenu_onglet);
});
/* mouvement des blocs */
$( ".colonne" ).sortable({
connectWith: ".colonne",
handle: $(".module").children('h3') // mouvement seulement sur les titres
});
 
$( ".colonne" ).disableSelection();
$('#zone_onglets').tabs({
add: function(event, ui) {
redimensionnerOnglets();
},
remove: function(event, ui) {
redimensionnerOnglets();
},
select: function(event, ui) {
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'onglet
221,25 → 244,48
// on cache la croix pour ne pas fermer l'onglet actuellement consulté
$(ui.tab).nextAll().css({visibility: "hidden"});
} else {
if(ongletSyntheseCharge) {
// Si c'est l'onglet fiche, on le sélectionne artificiellement
selectionnerOngletSynthese();
$('.ui-tabs-panel').hide();
$('#zone_contenu_fiche').show();
return false;
} else {
window.location = url;
}
}
}
}
 
return true;
}
 
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 adresse_onglet = $(this).attr('href');
var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
$(this).attr('href', adresse_contenu_onglet);
});
}
function creerMenuOngletsFermes() {
$("#ongletEtPlus").click(function() {
afficherCacherMenuOnglets();
});
$('.elementMenuModules').live('click', function() {
var idOnglet = $(this).attr('rel');
var objet = tableauOnglets[idOnglet];
objet.afficherCacherModule();
249,26 → 295,48
$(this).remove();
nbOngletsInvisibles --;
// si tous les onglets sont affichés alors on cache le menu
console.log(nbOngletsInvisibles);
if(nbOngletsInvisibles == 0) {
afficherCacherMenuOnglets();
}
});
/* affiche les onglets par default selon niveau*/
for(indice in tableauOnglets) {
var ongletEnCours = tableauOnglets[indice];
if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
ongletEnCours.afficherCacherModule();
nbOngletsInvisibles++;
}
}
function ajouterTitreSurvolOnglets() {
/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
$('.lien-onglet').parent().each(function() {
$(this).attr("title",$(this).children("a").text());
});
}
//Initialisation
$(document).ready(function() {
 
lierModulesEtOnglets();
/* mouvement des blocs */
$( ".colonne" ).sortable({
connectWith: ".colonne",
handle: $(".module").children('h3') // mouvement seulement sur les titres
});
 
$( ".colonne" ).disableSelection();
$('#zone_onglets').tabs({
add: function(event, ui) {
redimensionnerOnglets();
},
remove: function(event, ui) {
redimensionnerOnglets();
},
select: function(event, ui) {
return surSelectionOnglet(event,ui)
}
});
creerMenuOngletsFermes();
afficherOngletsPourNiveau();
ajouterTitreSurvolOnglets();
redimensionnerOnglets();
selectionnerOngletParDefautOuEnregistre();
});