0byt3m1n1
Path:
/
home
/
kassiope
/
www
/
lib
/
js
/
libs
/
[
Home
]
File: script.js
// Recherche $(".searchbtn").click(function() { console.log('bouton'); $(".searchform").css("visibility","visible"); $(".searchform").css("opacity","1"); $(".searchbtn").css("visibility","hidden"); $(".searchbtn").css("opacity","0"); }); $('.searchform').on('focusout', function () { $(".searchform").css("visibility","hidden"); $(".searchform").css("opacity","0"); $(".searchbtn").css("visibility","visible"); $(".searchbtn").css("opacity","1"); }); document.addEventListener('mouseup', function (e) { var container = $('searchform'); console.log(e.target); if (!container.contains(e.target)) { $(".searchform").css("visibility","hidden"); $(".searchform").css("opacity","0"); $(".searchbtn").css("visibility","visible"); $(".searchbtn").css("opacity","1"); } }.bind(this)); $(".up-filters").click(function() { $(this).toggleClass("active"); $(".filter-mobile").toggleClass("active"); }); // Menu mobile $(".turn-on").click(function() { $(".mobile-on").toggleClass("active"); $("body").toggleClass("noscroll"); $(".off").toggleClass("hiden"); }); $(window).scroll(function(){ var sticky = $('header'), scroll = $(window).scrollTop(); if (scroll >= 100) sticky.addClass('fixed'); else sticky.removeClass('fixed'); }); console.clear() const navExpand = [].slice.call(document.querySelectorAll('.nav-expand')) const backLink = `<li class="nav-item col-12"><a class="nav-link nav-back-link" href="javascript:;">Retour</a></li>` navExpand.forEach(item => { item.querySelector('.nav-expand-content').insertAdjacentHTML('afterbegin', backLink) item.querySelector('.nav-link').addEventListener('click', () => item.classList.add('active')) item.querySelector('.nav-back-link').addEventListener('click', () => item.classList.remove('active')) item.querySelector('.nav-back-link').addEventListener('click', () => console.log('oui')) }) //------------------------------------------------- if($('.js-items').length>0) { // init Isotope var $grid = $('.js-items').isotope({ itemSelector: '.items', percentPosition: true, masonry: { columnWidth: '.grid-sizer' }, layoutMode: 'fitRows' }); } // filter functions var filterFns = { // show if number is greater than 50 numberGreaterThan50: function () { var number = $(this).find('.number').text(); return parseInt(number, 10) > 50; }, // show if name ends with -ium ium: function () { var name = $(this).find('.name').text(); return name.match(/ium$/); } }; // change is-checked class on buttons $('.button-group').each(function (i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'button', function () { $buttonGroup.find('.is-checked').removeClass('is-checked'); $(this).addClass('is-checked'); }); }); // bind filter button click $('.js-filters').on('click', 'button', function () { var filterValue = $(this).attr('data-filter'); // use filterFn if matches value filterValue = filterFns[filterValue] || filterValue; $grid.isotope({filter: filterValue}); }); $(window).on('load', function(){ if($('.js-items').length>0) { // init Isotope var $grid = $('.js-items').isotope({ itemSelector: '.items', percentPosition: true, masonry: { columnWidth: '.grid-sizer' }, layoutMode: 'fitRows' }); } // filter functions var filterFns = { // show if number is greater than 50 numberGreaterThan50: function () { var number = $(this).find('.number').text(); return parseInt(number, 10) > 50; }, // show if name ends with -ium ium: function () { var name = $(this).find('.name').text(); return name.match(/ium$/); } }; // change is-checked class on buttons $('.button-group').each(function (i, buttonGroup) { var $buttonGroup = $(buttonGroup); $buttonGroup.on('click', 'button', function () { $buttonGroup.find('.is-checked').removeClass('is-checked'); $(this).addClass('is-checked'); }); }); // bind filter button click $('.js-filters').on('click', 'button', function () { var filterValue = $(this).attr('data-filter'); // use filterFn if matches value filterValue = filterFns[filterValue] || filterValue; $grid.isotope({filter: filterValue}); }); }); //------------------------------------------------- var image = document.getElementsByClassName('parallax'); new simpleParallax(image, { scale: 1.5, delay: .3, transition: 'cubic-bezier(0,0,0,1)', customWrapper : ".cta", });