https://reflektor.be/wp-content/themes/REFLEKTOR/js/global/global.js?ver=1.0

1
2// MENU
3var menu = document.getElementById( 'menu_mobile' ),
4    showMenu = document.getElementById( 'showMenu_mobile' ),
5    body = document.body;
6
7showMenu.onclick = function() {
8    classie.toggle( this, 'active' );
9    classie.toggle( menu, 'open' );
10    disableOther( 'showMenu' );
11};
12
13function disableOther( button ) {
14    if( button !== 'showMenu' ) {
15        classie.toggle( showMenu, 'disabled' );
16    }
17};
18
19//Header
20function fadeHeader() {
21    var header = document.getElementById("header");
22
23    if (window.scrollY > 200) {
24        header.classList.add('is-scrolled');
25    } else {
26        header.classList.remove('is-scrolled');
27    }
28}
29window.onload = function() {
30    fadeHeader();
31    //console.log('Onload');
32};
33window.onscroll = function() {
34    fadeHeader();
35    //console.log('OnScroll : ' + window.scrollY);
36};
37
38// DROPDOWN
39var dropdown = document.getElementsByClassName("menu-item-has-children");
40for (var i = 0; i < dropdown.length; i++) {
41    dropdown[i].addEventListener("click", function() {
42        this.classList.toggle("active");
43    });
44}
45
46// PREVIOUS
47document.addEventListener("DOMContentLoaded", function(event) {
48    var pagePrecedente = document.getElementById('previous');
49
50    if(pagePrecedente!=null){
51        pagePrecedente.addEventListener('click', function (event) {
52            window.history.back();
53        });
54    }
55});
56
57/*
58 *  Scroll To Top
59
60var scroll_to_top   = document.getElementById('top');
61scroll_to_top.onclick = function () {
62    scrollTo(document.body, 0, 100);
63} */
64
65
66jQuery(document).ready(function($){
67    // Sliders
68    $('.slider_one_slide').slick({
69        dots: false,
70        slidesToShow: 1,
71        slidesToScroll: 1,
72        arrows: true,
73        prevArrow:'<button type="button" class="slick-prev pull-left"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 619 933.5" enable-background="new 0 0 619 933.5" xml:space="preserve"><g><polygon points="0,466.7 309.5,233.4 619,0 619,466.7 619,933.5 309.5,700.1"/></g> <rect x="687.4" y="416.3" transform="matrix(0.225 -0.9744 0.9744 0.225 125.3191 1169.0323)" fill="none" width="220.1" height="178.9"/></svg></button>',
74        nextArrow:'<button type="button" class="slick-next pull-right"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 619 933.5" enable-background="new 0 0 619 933.5" xml:space="preserve"> <g> <polygon points="619,466.7 309.5,700.1 0,933.5 0,466.7 0,0 309.5,233.4 	"/> </g> <rect x="687.4" y="416.3" transform="matrix(0.225 -0.9744 0.9744 0.225 125.3191 1169.0323)" fill="none" width="220.1" height="178.9"/></svg></button>',
75        fade: false,
76        autoplay: false,
77        speed: 500,
78        infinite: true
79    });
80
81    $('.slider_a_l_affiche').slick({
82        dots: false,
83        slidesToShow: 4,
84        slidesToScroll: 2,
85        arrows: true,
86        prevArrow:'<button type="button" class="slick-prev pull-left"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 619 933.5" enable-background="new 0 0 619 933.5" xml:space="preserve"><g><polygon points="0,466.7 309.5,233.4 619,0 619,466.7 619,933.5 309.5,700.1"/></g> <rect x="687.4" y="416.3" transform="matrix(0.225 -0.9744 0.9744 0.225 125.3191 1169.0323)" fill="none" width="220.1" height="178.9"/></svg></button>',
87        nextArrow:'<button type="button" class="slick-next pull-right"><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 619 933.5" enable-background="new 0 0 619 933.5" xml:space="preserve"> <g> <polygon points="619,466.7 309.5,700.1 0,933.5 0,466.7 0,0 309.5,233.4 	"/> </g> <rect x="687.4" y="416.3" transform="matrix(0.225 -0.9744 0.9744 0.225 125.3191 1169.0323)" fill="none" width="220.1" height="178.9"/></svg></button>',
88        fade: false,
89        autoplay: false,
90        speed: 500,
91        infinite: true,
92        responsive: [
93            {
94                breakpoint: 1200,
95                settings: {
96                    slidesToShow: 3,
97                    slidesToScroll: 3
98                }
99            },
100            {
101                breakpoint: 992,
102                settings: {
103                    slidesToShow: 2,
104                    slidesToScroll: 2
105                }
106            },
107            {
108                breakpoint: 576,
109                settings: {
110                    slidesToShow: 1,
111                    slidesToScroll: 1
112                }
113            }
114        ]
115    });
116
117}); // .FIN
118
119jQuery(document).ready(function($) {
120    let ancreLink = $('.ancre-link');

121    let contents = $('.info-content');
122    ancreLink.on('click', function(e){
123        e.preventDefault();
124        ancreLink.parent().removeClass('active');
125        $(this).parent().addClass('active');
126        let ancreId = $(this).data('ancre');
127        let cible = $('#' + ancreId);
128        //console.log(cible);
129        let v = cible.is(":visible");
130        if (v == false) {
131            contents.slideUp(400);
132            cible.slideDown(400);
133        }
134    })
135});
136jQuery(document).ready(function($) {
137    let closeBtn = $('.closeFlash');
138    closeBtn.on('click', function(e){
139        e.preventDefault();
140        //console.log("clickéééé")
141        $(this).parent().hide()
142    })
143});