baz_april/squelettes/javascript/script.js
2021-10-04 08:01:10 +02:00

66 lines
2.6 KiB
JavaScript

$(function() {
// masquer les mois des annees precedentes, les afficher au clic sur l'annee, cf composition blog et inclure/transcriptions_selectionperiode
$.each( ['.annees.archive'], function(i,hi){
$( ".periode div" ).find(hi).each(function(index) {
// Creer un span apres et y placer tout ce qui se trouve apres et jusqu'au hi suivant
$(this).after("<span class=\"mois_archive\"></span>").next().append($(this).next().nextUntil(hi));
// plier/deplier le contenu
// $(this).next().hide();
$(this).click(function(){
$(this).next().toggleClass('ouvert');
$(this).toggleClass('ouvert');
return false;
});
});
});
$('.mois.on').parent('.mois_archive').addClass('ouvert');
// afficher/masquer le menu initiatives < medium
$('.btn-initiatives').on('click', function(){
$(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert');
$('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert');
});
// un sous-menu dans initiatives : .menu-entree.sousinitiatives > .menu-items__lien.sousinitiatives
// .menu-entree.sousinitiatives > ul > li > a
$('.menu-items__lien.sousinitiatives').on('click', function(){
$(this).toggleClass('actif');
$(this).siblings('ul').toggleClass('ouvert');
$(this).parent().siblings('.sousinitiatives').find('ul.ouvert').removeClass('ouvert');
});
// placer le html du bouton du menu, visible < medium
$('.nav.principale').prepend('<button type="button" class="btn-nav"><span class="ham"></span>MENU</button>');
// afficher/masquer le menu
$('.principale .btn-nav').on('click', function(){
$(this).toggleClass('actif').siblings('ul').toggleClass('ouvert');
$('.btn-initiatives').removeClass('actif');
$('.header_initiatives .nav').removeClass('ouvert');
});
/// styler les boutons radios et checkboxes
$('.formulaire_spip .choix label').each(function() {
$(this).prepend('<span><span></span></span>').parent().addClass('custom-radios');
});
// liens sortant + ajout d'une mention dans le title ou alt des images
$('a.spip_out, a.spip_url, a.spip_glossaire, a.external').each(function() {
var url_ext = $(this).attr('href');
$(this).attr('rel', 'noreferrer noopener').attr("title",'Nouvelle fenêtre : '+url_ext+'').click(function(){
window.open(url_ext);
return false
}).children('img').each(function() {
$(this).attr('alt', $(this).attr('alt') + 'Nouvelle fenêtre : '+url_ext+'');
});
});
// champ de recherche dans le menu
$('.loupe > a').on('click', function(){
$(this).siblings('.formulaire_recherche').toggleClass('vu').find('.search').focus();
return false;
});
});