0 0,00 €

Accompagnement

Liste des pages dans Accompagnement :

/* ========================================== TERRE & SENS JAVASCRIPT - VERSION CORRIGÉE ========================================== */ (function () { 'use strict'; function initialiserTerreEtSens() { /* ===================================== 1. FERMETURE BOÎTE MINI-ATELIERS ===================================== */ const meditationBox = document.getElementById('meditationBox'); if (meditationBox) { const closeButton = meditationBox.querySelector('.close-meditation'); if (closeButton) { closeButton.addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); meditationBox.style.setProperty( 'display', 'none', 'important' ); }); } } /* ===================================== 2. NAVIGATION HORIZONTALE GALERIES AVEC FLÈCHES ===================================== */ document.querySelectorAll( '.formation-carousel' ).forEach(function (carousel) { const track = carousel.querySelector('.formation-track'); const prev = carousel.querySelector('.formation-prev'); const next = carousel.querySelector('.formation-next'); if (!track || !prev || !next) { return; } function getScrollAmount() { const firstItem = track.firstElementChild; if (!firstItem) { return track.clientWidth; } const gap = parseFloat(getComputedStyle(track).columnGap) || 0; return firstItem.getBoundingClientRect().width + gap; } function updateButtons() { const maximumScroll = Math.max( 0, track.scrollWidth - track.clientWidth ); const currentScroll = Math.round(track.scrollLeft); prev.disabled = currentScroll <= 5; next.disabled = currentScroll >= maximumScroll - 5; } prev.addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' }); }); next.addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' }); }); track.addEventListener( 'scroll', updateButtons, { passive: true } ); window.addEventListener( 'resize', updateButtons ); requestAnimationFrame(updateButtons); window.addEventListener( 'load', updateButtons ); }); /* ===================================== 3. GALERIES FORMATION AUTOMATIQUES CHANGEMENT TOUTES LES 4 SECONDES ===================================== */ document.querySelectorAll( '.formation-gallery' ).forEach(function (gallery) { const slides = gallery.querySelectorAll( '.formation-gallery-slide' ); if (!slides.length) { return; } let currentSlide = 0; slides.forEach(function (slide, index) { slide.classList.toggle( 'active', index === 0 ); }); if (slides.length < 2) { return; } setInterval(function () { slides[currentSlide].classList.remove( 'active' ); currentSlide = (currentSlide + 1) % slides.length; slides[currentSlide].classList.add( 'active' ); }, 4000); }); } /* ===================================== 4. INITIALISATION ===================================== */ if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', initialiserTerreEtSens ); } else { initialiserTerreEtSens(); } })();