améliorations menu petit et grand écran
This commit is contained in:
parent
199f3a740c
commit
46614bc06f
|
@ -602,38 +602,28 @@ $(document).ready(function(){
|
|||
* après appui sur l'icône plus / minus
|
||||
* substitution des icônes down, plus, minus
|
||||
*/
|
||||
if($(window).width() < 800) {
|
||||
if( $("nav #menu ul li span").hasClass('zwiico-down') ) {
|
||||
$("nav #menu ul li span").removeClass('zwiico-down').addClass('zwiico-plus');
|
||||
$(window).on("resize", function() {
|
||||
if($(window).width() < 800) {
|
||||
$("nav #menu ul li span").click(function() {
|
||||
// id de la page parent
|
||||
var parentId = $(this).parents().attr("id");
|
||||
var select = "ul#_"+parentId+".navSub";
|
||||
var select2 = "nav #menu ul li #" + parentId + " span";
|
||||
if( $(select).css("z-index") === "-1" ) {
|
||||
$(select).css("z-index","1");
|
||||
$(select).css("opacity","1");
|
||||
$(select).css("padding-left","20px");
|
||||
$(select).css("position","static");
|
||||
$(select2).removeClass('zwiico-plus').addClass('zwiico-minus');
|
||||
} else {
|
||||
$(select).css("z-index","-1");
|
||||
$(select).css("opacity","0");
|
||||
$(select).css("position","absolute");
|
||||
$(select2).removeClass('zwiico-minus').addClass('zwiico-plus');
|
||||
}
|
||||
});
|
||||
}
|
||||
$("nav #menu ul li span").click(function() {
|
||||
// id de la page parent
|
||||
var parentId = $(this).parents().attr("id");
|
||||
var select = "ul#_"+parentId+".navSub";
|
||||
if( $(select).css("z-index") === "-1" ) {
|
||||
$(select).css("z-index","1");
|
||||
$(select).css("opacity","1");
|
||||
$(select).css("padding-left","20px");
|
||||
$(select).css("position","static");
|
||||
} else {
|
||||
$(select).css("z-index","-1");
|
||||
$(select).css("opacity","0");
|
||||
$(select).css("position","absolute");
|
||||
}
|
||||
// Modification de l'icône plus ou minus
|
||||
var select = "nav #menu ul li #" + parentId + " span";
|
||||
if ( $(select).hasClass('zwiico-plus') ) {
|
||||
$(select).removeClass('zwiico-plus').addClass('zwiico-minus');
|
||||
}
|
||||
else {
|
||||
$(select).removeClass('zwiico-minus').addClass('zwiico-plus');
|
||||
};
|
||||
});
|
||||
} else {
|
||||
if( $("nav #menu ul li span").hasClass('zwiico-plus') ) {
|
||||
$("nav #menu ul li span").removeClass('zwiico-plus').addClass('zwiico-down');
|
||||
}
|
||||
}
|
||||
}).trigger("resize");
|
||||
|
||||
/* Suppression du décalage vertical de la bannière en petit écran
|
||||
* si menu burger fixe et bannière dans le site et bannière visible
|
||||
|
|
|
@ -0,0 +1,647 @@
|
|||
/**
|
||||
* This file is part of DeltaCMS.
|
||||
* For full copyright and license information, please see the LICENSE
|
||||
* file that was distributed with this source code.
|
||||
* @author Sylvain Lelièvre <lelievresylvain@free.fr>
|
||||
* @copyright Copyright (C) 2021, Sylvain Lelièvre
|
||||
* @license GNU General Public License, version 3
|
||||
* @link https://deltacms.fr/
|
||||
*
|
||||
* Delta was created from version 11.2.00.24 of ZwiiCMS
|
||||
* @author Rémi Jean <remi.jean@outlook.com>
|
||||
* @copyright Copyright (C) 2008-2018, Rémi Jean
|
||||
* @author Frédéric Tempez <frederic.tempez@outlook.com>
|
||||
* @copyright Copyright (C) 2018-2021, Frédéric Tempez
|
||||
*/
|
||||
|
||||
var core = {};
|
||||
|
||||
/**
|
||||
* Crée un message d'alerte
|
||||
*/
|
||||
core.alert = function(text) {
|
||||
var lightbox = lity(function($) {
|
||||
return $("<div>")
|
||||
.addClass("lightbox")
|
||||
.append(
|
||||
$("<span>").text(text),
|
||||
$("<div>")
|
||||
.addClass("lightboxButtons")
|
||||
.append(
|
||||
$("<a>")
|
||||
.addClass("button")
|
||||
.text("Ok")
|
||||
.on("click", function() {
|
||||
lightbox.close();
|
||||
})
|
||||
)
|
||||
)
|
||||
}(jQuery));
|
||||
// Validation de la lightbox avec le bouton entrée
|
||||
$(document).on("keyup", function(event) {
|
||||
if(event.keyCode === 13) {
|
||||
lightbox.close();
|
||||
}
|
||||
});
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Génère des variations d'une couleur
|
||||
*/
|
||||
core.colorVariants = function(rgba) {
|
||||
rgba = rgba.match(/\(+(.*)\)/);
|
||||
rgba = rgba[1].split(", ");
|
||||
return {
|
||||
"normal": "rgba(" + rgba[0] + "," + rgba[1] + "," + rgba[2] + "," + rgba[3] + ")",
|
||||
"darken": "rgba(" + Math.max(0, rgba[0] - 15) + "," + Math.max(0, rgba[1] - 15) + "," + Math.max(0, rgba[2] - 15) + "," + rgba[3] + ")",
|
||||
"veryDarken": "rgba(" + Math.max(0, rgba[0] - 20) + "," + Math.max(0, rgba[1] - 20) + "," + Math.max(0, rgba[2] - 20) + "," + rgba[3] + ")",
|
||||
//"text": core.relativeLuminanceW3C(rgba) > .22 ? "inherit" : "white"
|
||||
"text": core.relativeLuminanceW3C(rgba) > .22 ? "#222" : "#DDD"
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* Crée un message de confirmation
|
||||
*/
|
||||
core.confirm = function(text, yesCallback, noCallback) {
|
||||
var lightbox = lity(function($) {
|
||||
return $("<div>")
|
||||
.addClass("lightbox")
|
||||
.append(
|
||||
$("<span>").text(text),
|
||||
$("<div>")
|
||||
.addClass("lightboxButtons")
|
||||
.append(
|
||||
$("<a>")
|
||||
.addClass("button grey")
|
||||
.text(textConfirmNo)
|
||||
.on("click", function() {
|
||||
lightbox.options('button', true);
|
||||
lightbox.close();
|
||||
if(typeof noCallback !== "undefined") {
|
||||
noCallback();
|
||||
}
|
||||
}),
|
||||
$("<a>")
|
||||
.addClass("button")
|
||||
.text(textConfirmYes)
|
||||
.on("click", function() {
|
||||
lightbox.options('button', true);
|
||||
lightbox.close();
|
||||
if(typeof yesCallback !== "undefined") {
|
||||
yesCallback();
|
||||
}
|
||||
})
|
||||
)
|
||||
)
|
||||
}(jQuery));
|
||||
// Callback lors d'un clic sur le fond et sur la croix de fermeture
|
||||
lightbox.options('button', false);
|
||||
$(document).on('lity:close', function(event, instance) {
|
||||
if(
|
||||
instance.options('button') === false
|
||||
&& typeof noCallback !== "undefined"
|
||||
) {
|
||||
noCallback();
|
||||
}
|
||||
});
|
||||
// Validation de la lightbox avec le bouton entrée
|
||||
$(document).on("keyup", function(event) {
|
||||
if(event.keyCode === 13) {
|
||||
lightbox.close();
|
||||
if(typeof yesCallback !== "undefined") {
|
||||
yesCallback();
|
||||
}
|
||||
}
|
||||
});
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Scripts à exécuter en dernier
|
||||
*/
|
||||
core.end = function() {
|
||||
/**
|
||||
* Modifications non enregistrées du formulaire
|
||||
*/
|
||||
var formDOM = $("form");
|
||||
// Ignore :
|
||||
// - TinyMCE car il gère lui même le message
|
||||
// - Les champs avec data-no-dirty
|
||||
var inputsDOM = formDOM.find("input:not([data-no-dirty]), select:not([data-no-dirty]), textarea:not(.editorWysiwyg):not([data-no-dirty])");
|
||||
var inputSerialize = inputsDOM.serialize();
|
||||
$(window).on("beforeunload", function() {
|
||||
if(inputsDOM.serialize() !== inputSerialize) {
|
||||
return "Les modifications que vous avez apportées ne seront peut-être pas enregistrées.";
|
||||
}
|
||||
});
|
||||
formDOM.submit(function() {
|
||||
$(window).off("beforeunload");
|
||||
});
|
||||
};
|
||||
$(function() {
|
||||
core.end();
|
||||
});
|
||||
|
||||
/**
|
||||
* Ajoute une notice
|
||||
*/
|
||||
core.noticeAdd = function(id, notice) {
|
||||
$("#" + id + "Notice").text(notice).removeClass("displayNone");
|
||||
$("#" + id).addClass("notice");
|
||||
};
|
||||
|
||||
/**
|
||||
* Supprime une notice
|
||||
*/
|
||||
core.noticeRemove = function(id) {
|
||||
$("#" + id + "Notice").text("").addClass("displayNone");
|
||||
$("#" + id).removeClass("notice");
|
||||
};
|
||||
|
||||
/**
|
||||
* Scripts à exécuter en premier
|
||||
*/
|
||||
core.start = function() {
|
||||
/**
|
||||
* Remonter en haut au clic sur le bouton
|
||||
*/
|
||||
var backToTopDOM = $("#backToTop");
|
||||
backToTopDOM.on("click", function() {
|
||||
$("body, html").animate({scrollTop: 0}, "400");
|
||||
});
|
||||
/**
|
||||
* Affiche / Cache le bouton pour remonter en haut
|
||||
*/
|
||||
$(window).on("scroll", function() {
|
||||
if($(this).scrollTop() > 200) {
|
||||
backToTopDOM.fadeIn();
|
||||
}
|
||||
else {
|
||||
backToTopDOM.fadeOut();
|
||||
}
|
||||
});
|
||||
/**
|
||||
* Cache les notifications
|
||||
*/
|
||||
var notificationTimer;
|
||||
$("#notification")
|
||||
.on("mouseenter", function() {
|
||||
clearTimeout(notificationTimer);
|
||||
$("#notificationProgress")
|
||||
.stop()
|
||||
.width("100%");
|
||||
})
|
||||
.on("mouseleave", function() {
|
||||
// Disparition de la notification
|
||||
notificationTimer = setTimeout(function() {
|
||||
$("#notification").fadeOut();
|
||||
}, 3000);
|
||||
// Barre de progression
|
||||
$("#notificationProgress").animate({
|
||||
"width": "0%"
|
||||
}, 3000, "linear");
|
||||
})
|
||||
.trigger("mouseleave");
|
||||
$("#notificationClose").on("click", function() {
|
||||
clearTimeout(notificationTimer);
|
||||
$("#notification").fadeOut();
|
||||
$("#notificationProgress").stop();
|
||||
});
|
||||
|
||||
/**
|
||||
* Traitement du formulaire cookies
|
||||
*/
|
||||
$("#cookieForm").submit(function(event){
|
||||
|
||||
// Varables des cookies
|
||||
var samesite = "samesite=lax";
|
||||
var getUrl = window.location;
|
||||
var domain = "domain=" + getUrl.hostname;
|
||||
// var path = "path=" + getUrl.pathname.split('/')[1];
|
||||
var e = new Date();
|
||||
e.setFullYear(e.getFullYear() + 1);
|
||||
var expires = "expires=" + e.toUTCString();
|
||||
|
||||
// Crée le cookie d'acceptation Cookies Externes (tiers) si le message n'est pas vide
|
||||
var messageCookieExt = "<?php echo $this->getData(['locale', 'cookies', 'cookiesExtText']);?>";
|
||||
// le message de consentement des cookies externes est défini en configuration, afficher la checkbox d'acceptation
|
||||
if( messageCookieExt.length > 0){
|
||||
// Traitement du retour de la checkbox
|
||||
if ($("#cookiesExt").is(":checked")) {
|
||||
// L'URL du serveur faut TRUE
|
||||
//document.cookie = "DELTA_COOKIE_EXT_CONSENT=true;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||
document.cookie = "DELTA_COOKIE_EXT_CONSENT=true;" + domain + ";" + samesite + ";" + expires;
|
||||
} else {
|
||||
//document.cookie = "DELTA_COOKIE_EXT_CONSENT=false;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||
document.cookie = "DELTA_COOKIE_EXT_CONSENT=false;" + domain + ";" + samesite + ";" + expires;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Stocke le cookie d'acceptation
|
||||
//document.cookie = "DELTA_COOKIE_CONSENT=true;" + domain + ";" + path + ";" + samesite + ";" + expires;
|
||||
document.cookie = "DELTA_COOKIE_CONSENT=true;" + domain + ";" + samesite + ";" + expires;
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Fermeture de la popup des cookies
|
||||
*/
|
||||
$("#cookieConsent .cookieClose").on("click", function() {
|
||||
$('#cookieConsent').addClass("displayNone");
|
||||
});
|
||||
|
||||
/**
|
||||
* Commande de gestion des cookies dans le footer
|
||||
*/
|
||||
|
||||
$("#footerLinkCookie").on("click", function() {
|
||||
$("#cookieConsent").removeClass("displayNone");
|
||||
});
|
||||
|
||||
/**
|
||||
* Affiche / Cache le menu en mode responsive
|
||||
*/
|
||||
var menuDOM = $("#menu");
|
||||
$("#burgerIcon").on("click", function() {
|
||||
menuDOM.slideToggle();
|
||||
});
|
||||
$(window).on("resize", function() {
|
||||
if($(window).width() > 799) {
|
||||
menuDOM.css("display", "");
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Choix de page dans la barre de membre
|
||||
*/
|
||||
$("#barSelectPage").on("change", function() {
|
||||
var pageUrl = $(this).val();
|
||||
if(pageUrl) {
|
||||
$(location).attr("href", pageUrl);
|
||||
}
|
||||
});
|
||||
/**
|
||||
* Champs d'upload de fichiers
|
||||
*/
|
||||
// Mise à jour de l'affichage des champs d'upload
|
||||
$(".inputFileHidden").on("change", function() {
|
||||
var inputFileHiddenDOM = $(this);
|
||||
var fileName = inputFileHiddenDOM.val();
|
||||
if(fileName === "") {
|
||||
fileName = textSelectFile;
|
||||
$(inputFileHiddenDOM).addClass("disabled");
|
||||
}
|
||||
else {
|
||||
$(inputFileHiddenDOM).removeClass("disabled");
|
||||
}
|
||||
inputFileHiddenDOM.parent().find(".inputFileLabel").text(fileName);
|
||||
}).trigger("change");
|
||||
// Suppression du fichier contenu dans le champ
|
||||
$(".inputFileDelete").on("click", function() {
|
||||
$(this).parents(".inputWrapper").find(".inputFileHidden").val("").trigger("change");
|
||||
});
|
||||
// Suppression de la date contenu dans le champ
|
||||
$(".inputDateDelete").on("click", function() {
|
||||
$(this).parents(".inputWrapper").find(".datepicker").val("").trigger("change");
|
||||
});
|
||||
// Confirmation de mise à jour
|
||||
$("#barUpdate").on("click", function() {
|
||||
return core.confirm( textUpdating, function() {
|
||||
$(location).attr("href", $("#barUpdate").attr("href"));
|
||||
});
|
||||
});
|
||||
// Confirmation de déconnexion
|
||||
$("#barLogout").on("click", function() {
|
||||
return core.confirm( textLogout, function() {
|
||||
$(location).attr("href", $("#barLogout").attr("href"));
|
||||
});
|
||||
});
|
||||
/**
|
||||
* Bloque la multi-soumission des boutons
|
||||
*/
|
||||
$("form").on("submit", function() {
|
||||
$(this).find(".uniqueSubmission")
|
||||
.addClass("disabled")
|
||||
.prop("disabled", true)
|
||||
.empty()
|
||||
.append(
|
||||
$("<span>").addClass("zwiico-spin animate-spin")
|
||||
)
|
||||
});
|
||||
/**
|
||||
* Check adresse email
|
||||
*/
|
||||
$("[type=email]").on("change", function() {
|
||||
var _this = $(this);
|
||||
var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
|
||||
if(pattern.test(_this.val())) {
|
||||
core.noticeRemove(_this.attr("id"));
|
||||
}
|
||||
else {
|
||||
core.noticeAdd(_this.attr("id"), textCheckMail);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Iframes et vidéos responsives
|
||||
*/
|
||||
var elementDOM = $("iframe, video, embed, object");
|
||||
// Calcul du ratio et suppression de la hauteur / largeur des iframes
|
||||
elementDOM.each(function() {
|
||||
var _this = $(this);
|
||||
_this
|
||||
.data("ratio", _this.height() / _this.width())
|
||||
.data("maxwidth", _this.width())
|
||||
.removeAttr("width height");
|
||||
});
|
||||
// Prend la largeur du parent et détermine la hauteur à l'aide du ratio lors du resize de la fenêtre
|
||||
$(window).on("resize", function() {
|
||||
elementDOM.each(function() {
|
||||
var _this = $(this);
|
||||
var width = _this.parent().first().width();
|
||||
if (width > _this.data("maxwidth")){ width = _this.data("maxwidth");}
|
||||
_this
|
||||
.width(width)
|
||||
.height(width * _this.data("ratio"));
|
||||
});
|
||||
}).trigger("resize");
|
||||
|
||||
/*
|
||||
* Header responsive
|
||||
*/
|
||||
$(window).on("resize", function() {
|
||||
var responsive = "<?php echo $this->getdata(['theme','header','imageContainer']);?>";
|
||||
var feature = "<?php echo $this->getdata(['theme','header','feature']);?>";
|
||||
if ( (responsive === "cover" || responsive === "contain") && feature !== "feature" ) {
|
||||
var widthpx = "<?php echo $this->getdata(['theme','site','width']);?>";
|
||||
var width = widthpx.substr(0,widthpx.length-2);
|
||||
var heightpx = "<?php echo $this->getdata(['theme','header','height']);?>";
|
||||
var height = heightpx.substr(0,heightpx.length-2);
|
||||
var ratio = width / height;
|
||||
var feature = "<?php echo $this->getdata(['theme','header','feature']);?>";
|
||||
if ( ($(window).width() / ratio) <= height) {
|
||||
$("header").height( $(window).width() / ratio );
|
||||
$("header").css("line-height", $(window).width() / ratio + "px");
|
||||
}
|
||||
}
|
||||
}).trigger("resize");
|
||||
|
||||
};
|
||||
|
||||
|
||||
core.start();
|
||||
|
||||
/**
|
||||
* Confirmation de suppression
|
||||
*/
|
||||
$("#pageDelete").on("click", function() {
|
||||
var _this = $(this);
|
||||
return core.confirm( textPageDelete, function() {
|
||||
$(location).attr("href", _this.attr("href"));
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Calcul de la luminance relative d'une couleur
|
||||
*/
|
||||
core.relativeLuminanceW3C = function(rgba) {
|
||||
// Conversion en sRGB
|
||||
var RsRGB = rgba[0] / 255;
|
||||
var GsRGB = rgba[1] / 255;
|
||||
var BsRGB = rgba[2] / 255;
|
||||
// Ajout de la transparence
|
||||
var RsRGBA = rgba[3] * RsRGB + (1 - rgba[3]);
|
||||
var GsRGBA = rgba[3] * GsRGB + (1 - rgba[3]);
|
||||
var BsRGBA = rgba[3] * BsRGB + (1 - rgba[3]);
|
||||
// Calcul de la luminance
|
||||
var R = (RsRGBA <= .03928) ? RsRGBA / 12.92 : Math.pow((RsRGBA + .055) / 1.055, 2.4);
|
||||
var G = (GsRGBA <= .03928) ? GsRGBA / 12.92 : Math.pow((GsRGBA + .055) / 1.055, 2.4);
|
||||
var B = (BsRGBA <= .03928) ? BsRGBA / 12.92 : Math.pow((BsRGBA + .055) / 1.055, 2.4);
|
||||
return .2126 * R + .7152 * G + .0722 * B;
|
||||
};
|
||||
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
/**
|
||||
* Affiche le sous-menu quand il est sticky
|
||||
*/
|
||||
$("nav").mouseenter(function(){
|
||||
$("#navfixedlogout .navSub").css({ 'pointer-events' : 'auto' });
|
||||
$("#navfixedconnected .navSub").css({ 'pointer-events' : 'auto' });
|
||||
});
|
||||
$("nav").mouseleave(function(){
|
||||
$("#navfixedlogout .navSub").css({ 'pointer-events' : 'none' });
|
||||
$("#navfixedconnected .navSub").css({ 'pointer-events' : 'none' });
|
||||
});
|
||||
|
||||
/**
|
||||
* Chargement paresseux des images et des iframes
|
||||
*/
|
||||
$("img,picture,iframe").attr("loading","lazy");
|
||||
|
||||
/**
|
||||
* Effet accordéon
|
||||
*/
|
||||
$('.accordion').each(function(e) {
|
||||
// on stocke l'accordéon dans une variable locale
|
||||
var accordion = $(this);
|
||||
// on récupère la valeur data-speed si elle existe
|
||||
var toggleSpeed = accordion.attr('data-speed') || 100;
|
||||
|
||||
// fonction pour afficher un élément
|
||||
function open(item, speed) {
|
||||
// on récupère tous les éléments, on enlève l'élément actif de ce résultat, et on les cache
|
||||
accordion.find('.accordion-item').not(item).removeClass('active')
|
||||
.find('.accordion-content').slideUp(speed);
|
||||
// on affiche l'élément actif
|
||||
item.addClass('active')
|
||||
.find('.accordion-content').slideDown(speed);
|
||||
}
|
||||
function close(item, speed) {
|
||||
accordion.find('.accordion-item').removeClass('active')
|
||||
.find('.accordion-content').slideUp(speed);
|
||||
}
|
||||
|
||||
// on initialise l'accordéon, sans animation
|
||||
open(accordion.find('.active:first'), 0);
|
||||
|
||||
// au clic sur un titre...
|
||||
accordion.on('click', '.accordion-title', function(ev) {
|
||||
ev.preventDefault();
|
||||
// Masquer l'élément déjà actif
|
||||
if ($(this).closest('.accordion-item').hasClass('active')) {
|
||||
close($(this).closest('.accordion-item'), toggleSpeed);
|
||||
} else {
|
||||
// ...on lance l'affichage de l'élément, avec animation
|
||||
open($(this).closest('.accordion-item'), toggleSpeed);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Icône du Menu Burger, couleur du bandeau burger et position du menu
|
||||
*/
|
||||
$("#burgerIcon").click(function() {
|
||||
var changeIcon = $('#burgerIcon').children("span");
|
||||
var bgColor = "<?php echo $this->getData(['theme', 'menu', 'burgerBannerColor']) ;?>";
|
||||
var bgColorOpaque = bgColor.replace(/[^,]+(?=\))/, '1');
|
||||
if ( $(changeIcon).hasClass('zwiico-menu') ) {
|
||||
$(changeIcon).removeClass('zwiico-menu').addClass('zwiico-cancel');
|
||||
$("nav #toggle").css("background-color",bgColorOpaque);
|
||||
}
|
||||
else {
|
||||
$(changeIcon).addClass('zwiico-menu');
|
||||
$("nav #toggle").css("background-color",bgColor);
|
||||
};
|
||||
});
|
||||
|
||||
/**
|
||||
* Active le système d'aide interne
|
||||
*
|
||||
*/
|
||||
|
||||
$(".buttonHelp").click(function() {
|
||||
$(".helpDisplayContent").slideToggle();
|
||||
/**
|
||||
if( $(".buttonHelp").css('opacity') > '0.75'){
|
||||
$(".buttonHelp").css('opacity','0.5');
|
||||
}
|
||||
else{
|
||||
$(".buttonHelp").css('opacity','1');
|
||||
}
|
||||
*/
|
||||
});
|
||||
|
||||
$(".helpDisplayContent").click(function() {
|
||||
$(".helpDisplayContent").slideToggle();
|
||||
});
|
||||
|
||||
/**
|
||||
* Remove ID Facebook from URL
|
||||
*/
|
||||
if(/^\?fbclid=/.test(location.search))
|
||||
location.replace(location.href.replace(/\?fbclid.+/, ""));
|
||||
|
||||
/**
|
||||
* No translate Lity close
|
||||
*/
|
||||
$(document).on('lity:ready', function(event, instance) {
|
||||
$('.lity-close').addClass('notranslate');
|
||||
});
|
||||
|
||||
/**
|
||||
* Bouton screenshot
|
||||
*/
|
||||
var dataURL = {};
|
||||
$('#screenshot').click(function() {
|
||||
html2canvas(document.querySelector("#main_screenshot")).then(canvas => {
|
||||
dataURL = canvas.toDataURL('image/jpeg', 0.1);
|
||||
console.log( dataURL);
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
contentType:"application/x-www-form-urlencoded",
|
||||
url: "<?php echo helper::baseUrl(false); ?>core/vendor/screenshot/screenshot.php",
|
||||
data: {
|
||||
image: dataURL
|
||||
},
|
||||
dataType: "html"
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/*
|
||||
* Largeur minimale des onglets principaux du menu et largeur du sous-menu égale à la largeur de l'onglet parent
|
||||
* sauf en petit écran
|
||||
*/
|
||||
$(window).on("resize", function() {
|
||||
if( $(window).width() > 799 ){
|
||||
if( typeof parentPage !== "undefined" ){
|
||||
var page=[];
|
||||
if( '<?php echo $this->getData(['theme', 'menu', 'minWidthParentOrAll']); ?>' === ''){
|
||||
page = parentPage;
|
||||
// suppression d'un sous-menu depuis le dernier enregistrement de theme.css
|
||||
$.each(allPage, function(index, value) {
|
||||
// si la page n'est pas parent on repositionne min-width à auto
|
||||
if( parentPage.includes( value ) === false ) $('nav li .' + value).css('min-width', 'auto');
|
||||
});
|
||||
} else{
|
||||
page = allPage;
|
||||
}
|
||||
$.each(page, function(index, value) {
|
||||
$('nav li .' + value).css('min-width', '<?php echo $this->getData(['theme', 'menu', 'minWidthTab']); ?>');
|
||||
$('nav li ul li .'+value).css('width', $('.'+value).css('width'));
|
||||
$('nav li.' + value).css('text-align', 'left');
|
||||
});
|
||||
}
|
||||
}
|
||||
}).trigger("resize");
|
||||
|
||||
/* Compteur de liens cliqués
|
||||
* Fonctionne avec download_counter.php
|
||||
* Les liens comptabilisés doivent avoir la class="clicked_link_count"
|
||||
* Envoi au fichier download_counter.php la donnée url
|
||||
*/
|
||||
<?php if( $this->getData(['config', 'statislite', 'enable']) && is_file('site/data/statislite/module/download_counter/download_counter.php' ) ) { ?>
|
||||
$('.clicked_link_count').on('click', function(event) {
|
||||
// Récupérer le chemin vers le fichier
|
||||
var filePath = $(this).attr('href');
|
||||
// Envoyer une requête AJAX pour enregistrer le téléchargement
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: '/site/data/statislite/module/download_counter/download_counter.php',
|
||||
data: {'url': filePath},
|
||||
});
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
/* Affichage / masquage des items du sous-menu
|
||||
* après appui sur l'icône plus / minus
|
||||
* substitution des icônes down, plus, minus
|
||||
*/
|
||||
if($(window).width() < 800) {
|
||||
if( $("nav #menu ul li span").hasClass('zwiico-down') ) {
|
||||
$("nav #menu ul li span").removeClass('zwiico-down').addClass('zwiico-plus');
|
||||
}
|
||||
$("nav #menu ul li span").click(function() {
|
||||
// id de la page parent
|
||||
var parentId = $(this).parents().attr("id");
|
||||
var select = "ul#_"+parentId+".navSub";
|
||||
if( $(select).css("z-index") === "-1" ) {
|
||||
$(select).css("z-index","1");
|
||||
$(select).css("opacity","1");
|
||||
$(select).css("padding-left","20px");
|
||||
$(select).css("position","static");
|
||||
} else {
|
||||
$(select).css("z-index","-1");
|
||||
$(select).css("opacity","0");
|
||||
$(select).css("position","absolute");
|
||||
}
|
||||
// Modification de l'icône plus ou minus
|
||||
var select = "nav #menu ul li #" + parentId + " span";
|
||||
if ( $(select).hasClass('zwiico-plus') ) {
|
||||
$(select).removeClass('zwiico-plus').addClass('zwiico-minus');
|
||||
}
|
||||
else {
|
||||
$(select).removeClass('zwiico-minus').addClass('zwiico-plus');
|
||||
};
|
||||
});
|
||||
} else {
|
||||
if( $("nav #menu ul li span").hasClass('zwiico-plus') ) {
|
||||
$("nav #menu ul li span").removeClass('zwiico-plus').addClass('zwiico-down');
|
||||
}
|
||||
}
|
||||
|
||||
/* Suppression du décalage vertical de la bannière en petit écran
|
||||
* si menu burger fixe et bannière dans le site et bannière visible
|
||||
*/
|
||||
if($(window).width() < 800) {
|
||||
<?php if( $this->getData(['theme','menu', 'burgerFixed'])=== true && $this->getData(['theme','header', 'position'])=== 'site' && $this->getData(['theme','header', 'tinyHidden'])=== false && ( $this->getData(['theme','header', 'homePageOnly'])=== false || $this->getUrl(0) === $this->getData(['locale','homePageId']) ) ){ ?>
|
||||
$("#site.container").css("padding-top","0");
|
||||
<?php } ?>
|
||||
}
|
||||
|
||||
});
|
|
@ -1775,17 +1775,31 @@ class common {
|
|||
<script> var parentPage=[]; var allPage=[]; <?php foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) { if( $childrenPageIds !== [] ){ ?> parentPage.push('<?php echo $parentPageId; ?>'); <?php } ?> allPage.push('<?php echo $parentPageId; ?>'); <?php } ?> </script>
|
||||
<?php
|
||||
foreach($this->getHierarchy() as $parentPageId => $childrenPageIds) {
|
||||
// Passer les entrées masquées
|
||||
// Propriétés de l'item
|
||||
$active = ($parentPageId === $currentPageId OR in_array($currentPageId, $childrenPageIds)) ? 'active ' : '';
|
||||
$targetBlank = $this->getData(['page', $parentPageId, 'targetBlank']) ? ' target="_blank"' : '';
|
||||
// Cas où les pages enfants enfant sont toutes masquées dans le menu
|
||||
// ne pas afficher de symbole lorsqu'il n'y a rien à afficher
|
||||
$totalChild = 0;
|
||||
$disableChild = 0;
|
||||
foreach($childrenPageIds as $childKey) {
|
||||
$totalChild += 1;
|
||||
if( $this->getData(['page', $childKey, 'disable']) === true ) $disableChild +=1;
|
||||
}
|
||||
$iconSubExistLargeScreen='';
|
||||
$iconSubExistSmallScreen='';
|
||||
if($childrenPageIds && $disableChild !== $totalChild && $this->getdata(['page',$parentPageId,'hideMenuChildren']) === false) {
|
||||
$iconSubExistLargeScreen= '<span class="zwiico-down iconSubExistLargeScreen" style="font-size:1em"><!----></span>';
|
||||
$iconSubExistSmallScreen= '<span class="zwiico-plus zwiico-margin-left iconSubExistSmallScreen" style="font-size:1em"><!----></span>';
|
||||
|
||||
}
|
||||
// Mise en page de l'item
|
||||
$itemsLeft .= '<li>';
|
||||
if ( ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') !== $this->getInput('DELTA_USER_PASSWORD'))
|
||||
OR ( $this->getData(['page',$parentPageId,'disable']) === true AND $this->getUser('password') === $this->getInput('DELTA_USER_PASSWORD')AND $this->getUser('group') < self::GROUP_EDITOR ))
|
||||
{
|
||||
$pageUrl = ($this->getData(['locale', 'homePageId']) === $this->getUrl(0)) ? helper::baseUrl(false) : helper::baseUrl() . $this->getUrl(0);
|
||||
$itemsLeft .= '<div id="'.$parentPageId.'" class="box" style="display:flex; align-items:center;"><div><a class="A ' . $active . ' disabled-link">';
|
||||
$itemsLeft .= '<div id="'.$parentPageId.'" class="box" style="display:flex; align-items:center;"><div><a class="A ' . $active . $parentPageId . ' disabled-link">';
|
||||
} else {
|
||||
$pageUrl = ($this->getData(['locale', 'homePageId']) === $parentPageId) ? helper::baseUrl(false) : helper::baseUrl() . $parentPageId;
|
||||
$itemsLeft .= '<div id="'.$parentPageId.'" class="box '.$active.'" style="display:flex; align-items:center;"><div><a class="B ' . $active . $parentPageId . '" href="' . $pageUrl . '"' . $targetBlank . '>';
|
||||
|
@ -1814,20 +1828,10 @@ class common {
|
|||
}
|
||||
break;
|
||||
}
|
||||
$itemsLeft .= $iconSubExistLargeScreen;
|
||||
$itemsLeft .= '</a>';
|
||||
$itemsLeft .= '</div>';
|
||||
// Cas où les pages enfants enfant sont toutes masquées dans le menu
|
||||
// ne pas afficher de symbole lorsqu'il n'y a rien à afficher
|
||||
$totalChild = 0;
|
||||
$disableChild = 0;
|
||||
foreach($childrenPageIds as $childKey) {
|
||||
$totalChild += 1;
|
||||
if( $this->getData(['page', $childKey, 'disable']) === true ) $disableChild +=1;
|
||||
}
|
||||
if($childrenPageIds && $disableChild !== $totalChild && $this->getdata(['page',$parentPageId,'hideMenuChildren']) === false) {
|
||||
$itemsLeft .= template::ico('down', 'left');
|
||||
}
|
||||
// ------------------------------------------------
|
||||
$itemsLeft .= $iconSubExistSmallScreen;
|
||||
$itemsLeft .= '</div>';
|
||||
|
||||
if ($this->getdata(['page',$parentPageId,'hideMenuChildren']) === true ||
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -39,6 +39,14 @@
|
|||
z-index: 10;
|
||||
position: sticky;
|
||||
}
|
||||
nav .iconSubExistLargeScreen{
|
||||
display:inline;
|
||||
margin-left :5px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
nav .iconSubExistSmallScreen{
|
||||
display:none;
|
||||
}
|
||||
/* Corps */
|
||||
section {
|
||||
padding: 20px;
|
||||
|
@ -181,6 +189,12 @@
|
|||
nav{
|
||||
padding: 0;
|
||||
}
|
||||
nav .iconSubExistLargeScreen{
|
||||
display:none;
|
||||
}
|
||||
nav .iconSubExistSmallScreen{
|
||||
display:inline;
|
||||
}
|
||||
/*bandeau flex*/
|
||||
nav #toggle {
|
||||
display: flex;
|
||||
|
@ -328,7 +342,7 @@
|
|||
}
|
||||
|
||||
/* Menu burger sur très petit écran */
|
||||
@media (max-width: 373px) {
|
||||
@media (max-width: 361px) {
|
||||
.navfixedburgerconnected {
|
||||
top: 135px;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,335 @@
|
|||
/**
|
||||
* This file is part of DeltaCMS.
|
||||
*/
|
||||
|
||||
/* Ecrans >= 800px */
|
||||
|
||||
@media (min-width: 800px) {
|
||||
/* Barre de membre */
|
||||
#bar #barLeft {
|
||||
float: left;
|
||||
}
|
||||
#bar #barRight {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
}
|
||||
/* Bannière */
|
||||
header {
|
||||
margin: 0;
|
||||
}
|
||||
/* Items du menu */
|
||||
.smallScreenFlags {
|
||||
display: none;
|
||||
}
|
||||
nav #menu {
|
||||
display: block;
|
||||
}
|
||||
nav li:hover ul {
|
||||
z-index: 8;
|
||||
opacity: 1;
|
||||
}
|
||||
/* Barre de navigation fixe quand le menu est en-dehors du site et fixe*/
|
||||
#navfixedlogout {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
#navfixedconnected {
|
||||
top: 45px;
|
||||
z-index: 10;
|
||||
position: sticky;
|
||||
}
|
||||
/* Corps */
|
||||
section {
|
||||
padding: 20px;
|
||||
}
|
||||
/* Grille */
|
||||
.col1 {
|
||||
width: 8.33333333%;
|
||||
}
|
||||
.col2 {
|
||||
width: 16.66666667%;
|
||||
}
|
||||
.col3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.col5 {
|
||||
width: 41.66666667%;
|
||||
}
|
||||
.col6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col7 {
|
||||
width: 58.33333333%;
|
||||
}
|
||||
.col8 {
|
||||
width: 66.66666667%;
|
||||
}
|
||||
.col9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col10 {
|
||||
width: 83.33333333%;
|
||||
}
|
||||
.col11 {
|
||||
width: 91.66666667%;
|
||||
}
|
||||
.col12 {
|
||||
width: 100%;
|
||||
}
|
||||
.offset1 {
|
||||
margin-left: 8.33333333%;
|
||||
}
|
||||
.offset2 {
|
||||
margin-left: 16.66666667%;
|
||||
}
|
||||
.offset3 {
|
||||
margin-left: 25%;
|
||||
}
|
||||
.offset4 {
|
||||
margin-left: 33.33333333%;
|
||||
}
|
||||
.offset5 {
|
||||
margin-left: 41.66666667%;
|
||||
}
|
||||
.offset6 {
|
||||
margin-left: 50%;
|
||||
}
|
||||
.offset7 {
|
||||
margin-left: 58.33333333%;
|
||||
}
|
||||
.offset8 {
|
||||
margin-left: 66.66666667%;
|
||||
}
|
||||
.offset9 {
|
||||
margin-left: 75%;
|
||||
}
|
||||
.offset10 {
|
||||
margin-left: 83.33333333%;
|
||||
}
|
||||
.offset11 {
|
||||
margin-left: 91.66666667%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Ecrans < 800px */
|
||||
|
||||
@media (max-width: 799px) {
|
||||
/* Suppression des marges */
|
||||
body {
|
||||
margin: 0 auto !important ;
|
||||
}
|
||||
body > header {
|
||||
margin: 0 auto !important ;
|
||||
}
|
||||
.tippy-tooltip {
|
||||
font-size: 0.8rem !important ;
|
||||
}
|
||||
section {
|
||||
padding: 10px !important ;
|
||||
}
|
||||
/* siteContainer */
|
||||
.siteContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.siteContainer > #contentLeft {
|
||||
order: 1;
|
||||
}
|
||||
.siteContainer > #contentRight {
|
||||
order: 3;
|
||||
}
|
||||
.siteContainer > #contentSite {
|
||||
order: 2;
|
||||
}
|
||||
/* Tableaux */
|
||||
.table thead {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
/* Barre de membre */
|
||||
#bar {
|
||||
text-align: center;
|
||||
margin: 0 auto !important ;
|
||||
}
|
||||
#bar ul {
|
||||
height: auto;
|
||||
}
|
||||
#bar #barSelectPage {
|
||||
width: 40%;
|
||||
font-size: 1em;
|
||||
}
|
||||
#bar #barLeft {
|
||||
font-size: 1.2em;
|
||||
float: none;
|
||||
}
|
||||
#bar #barRight {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
#bar #displayUsername {
|
||||
display: none;
|
||||
}
|
||||
/* Items du menu */
|
||||
body > nav {
|
||||
margin: 0 auto !important ;
|
||||
}
|
||||
nav a.disabled-link {
|
||||
text-decoration:line-through;
|
||||
}
|
||||
nav{
|
||||
padding: 0;
|
||||
}
|
||||
/*bandeau flex*/
|
||||
nav #toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
float: none;
|
||||
}
|
||||
nav #toggle #burgerIcon{
|
||||
flex-basis:20%;
|
||||
text-align: right;
|
||||
}
|
||||
nav #toggle #burgerText{
|
||||
flex-basis:80%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
nav #toggle #burgerIcon1, nav #toggle #burgerIcon2 {
|
||||
flex-basis:40%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
nav #menuLeft {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
nav #menuLeft {
|
||||
flex-direction: column;
|
||||
float: none;
|
||||
}
|
||||
nav #menuRight {
|
||||
font-size: 2em;
|
||||
}
|
||||
nav #menu {
|
||||
display: none;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
max-height: 80vh;
|
||||
float: left;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
nav li {
|
||||
display: block;
|
||||
}
|
||||
.navfixedburgerconnected {
|
||||
position: fixed;
|
||||
z-index: 11;
|
||||
top: 90px;
|
||||
padding: 0px;
|
||||
/*pour fixed*/
|
||||
width:100%;
|
||||
}
|
||||
.navfixedburgerlogout{
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
padding: 0px;
|
||||
/*pour fixed*/
|
||||
width:100%;
|
||||
}
|
||||
.navfixedburgerconnected #menu, .navburgerconnected #menu{
|
||||
height: auto;
|
||||
max-height: 60vh;
|
||||
}
|
||||
.navfixedburgerconnected #menu a, .navfixedburgerlogout #menu a{
|
||||
padding: 10px 10px;
|
||||
}
|
||||
/* Taille du menu hamburger */
|
||||
nav .zwiico-menu {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
nav .zwiico-cancel {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
/* Position du bloc dans le site sur les petits écrans */
|
||||
nav ul li span.zwiico-margin-left{
|
||||
padding-left: 30px;
|
||||
}
|
||||
.smallScreenFlags {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
/*left: 10px;*/
|
||||
}
|
||||
.smallScreenInline {
|
||||
display: inline-block;
|
||||
}
|
||||
.i18nFlag {
|
||||
width: 25px;
|
||||
/*margin: 0 10px 0 -10px;*/
|
||||
}
|
||||
.i18nFlagSelected {
|
||||
width: 30px;
|
||||
/*margin: 0 10px 0 -10px;*/
|
||||
}
|
||||
.zwiico-login {
|
||||
margin-right: 20px;
|
||||
}
|
||||
/* Conserve le pied de page sur une ligne */
|
||||
body > footer {
|
||||
margin: 0 auto !important ;
|
||||
}
|
||||
footer .col4 {
|
||||
width: 100%;
|
||||
}
|
||||
#footerCopyright,
|
||||
#footerText,
|
||||
#footerSocials {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
/* Message sur les cookies */
|
||||
#cookieConsent {
|
||||
width: 90%;
|
||||
}
|
||||
/* Bannière masquable en petit écran */
|
||||
.bannerDisplay {
|
||||
display: none;
|
||||
}
|
||||
/* Largeur du menu */
|
||||
.navBodyWidth {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Autres tailles d'écrans */
|
||||
|
||||
/* Tableau sur les écrans de petites tailles */
|
||||
@media (max-width: 668px) {
|
||||
.table thead {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tableau sur les écrans de très petites tailles */
|
||||
@media (max-width: 480px) {
|
||||
.table tr {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.table td {
|
||||
display: block;
|
||||
text-align: right;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Menu burger sur très petit écran */
|
||||
@media (max-width: 373px) {
|
||||
.navfixedburgerconnected {
|
||||
top: 135px;
|
||||
}
|
||||
}
|
|
@ -15,8 +15,6 @@ Lors d'une mise à jour on peut vous signaler l'évolution de ces fichiers dans
|
|||
<p>Pour charger un fichier de statistiques sauvegardé, sélectionnez le dans la liste puis enregistrez la configuration.</p>
|
||||
<p>'Réinitialiser' supprime les statistiques, une copie automatique de précaution est réalisée avant.</p>
|
||||
<h3>Compteur de liens cliqués</h3>
|
||||
<p>Depuis Statislite 4.7 vous pouvez comptabiliser les clics réalisés sur certains liens. Vous devez ajouter manuellement dans le lien la mention class="download-link", dans l'éditeur Tinymce cliquer sur l'icône '<>' code source :</p>
|
||||
<p>repérer le lien, par exemple : href="fichier_telecharge.pdf" target="_blank" rel="noopener">lien</p>
|
||||
<p>ajouter la class => href="fichier_telecharge.pdf" target="_blank" rel="noopener" class="download-link">lien"</p>
|
||||
<p>Vous pouvez comptabiliser les clics réalisés sur certains liens. Pour cela le lien doit avoir la classe "clicked_link_count", il faut la sélectionner dans l'éditeur de lien de Tinymce (sélecteur 'Classe').</p>
|
||||
<h3>Plus</h3>
|
||||
<iframe title="statislite_FR" src="https://video.ploud.fr/videos/embed/8015ef01-5f02-4f06-aa07-8cfb1ba1a452" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
|
@ -15,8 +15,6 @@ During an update you can be notified of the evolution of these files in the modu
|
|||
<p>To load a saved statistics file, select it from the list then save the configuration.</p>
|
||||
<p>'Reset' deletes the statistics, an automatic precautionary copy is made beforehand.</p>
|
||||
<h3>Clicked links counter</h3>
|
||||
<p>Since Statislite 4.7 you can count the clicks made on certain links. You must manually add in the link the mention class="download-link", in the Tinymce editor click on the icon '<>' source code:</p>
|
||||
<p>locate the link, for example: href="file_download.pdf" target="_blank" rel="noopener">link</p>
|
||||
<p>add the class => href="fichier_telecharge.pdf" target="_blank" rel="noopener" class="download-link">lien"</p>
|
||||
<p>You can count the clicks made on certain links. To do this, the link must have the "clicked_link_count" class, which must be selected in the Tinymce link editor ('Class' selector).</p>
|
||||
<h3>More</h3>
|
||||
<iframe title="statislite_EN" src="https://video.ploud.fr/videos/embed/db4811ba-be34-41e4-861d-31a7bfe32de0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315" frameborder="0"></iframe>
|
Loading…
Reference in New Issue