whoami7 - Manager
:
/
home
/
analuakl
/
somethingsmushy.com
/
wp-content
/
themes
/
beauty-spa-elementor
/
assets
/
js
/
Upload File:
files >> /home/analuakl/somethingsmushy.com/wp-content/themes/beauty-spa-elementor/assets/js/script.js
/* =============================================== OPEN CLOSE Menu ============================================= */ function beauty_spa_elementor_open_menu() { jQuery('button.menu-toggle').addClass('close-panal'); setTimeout(function(){ jQuery('nav#main-menu').show(); }, 100); return false; } jQuery( "button.menu-toggle").on("click", beauty_spa_elementor_open_menu); function beauty_spa_elementor_close_menu() { jQuery('button.close-menu').removeClass('close-panal'); jQuery('nav#main-menu').hide(); } jQuery( "button.close-menu").on("click", beauty_spa_elementor_close_menu); function beauty_spa_elementor_search_show() { jQuery(".outer-search").addClass('show'); jQuery(".outer-search").fadeIn(); } jQuery( ".search-cont-button").on("click", beauty_spa_elementor_search_show); function beauty_spa_elementor_search_hide() { jQuery(".outer-search").removeClass('show'); jQuery(".outer-search").fadeOut(); } jQuery( ".search-cont-button-close").on("click", beauty_spa_elementor_search_hide); /* =============================================== TRAP TAB FOCUS ON MODAL MENU ============================================= */ jQuery('button.close-menu').on('keydown', function (e) { if (jQuery("this:focus") && !!e.shiftKey && e.keyCode === 9) { } else if (jQuery("this:focus") && (e.which === 9)) { e.preventDefault(); jQuery(this).blur(); jQuery('.nav-menu li a:first').focus() } }); jQuery('.nav-menu li a:first').on('keydown', function (event) { if (jQuery("this:focus") && !!event.shiftKey && event.keyCode === 9) { event.preventDefault(); jQuery(this).blur(); jQuery('button.close-menu').focus() } }); jQuery(document).ready(function() { window.addEventListener('load', (event) => { jQuery(".loader").delay(2000).fadeOut("slow"); }); }) /* =============================================== Scroll Top // ============================================= */ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 100) { jQuery('.scroll-up').fadeIn(); } else { jQuery('.scroll-up').fadeOut(); } }); jQuery('a[href="#tobottom"]').click(function () { jQuery('html, body').animate({scrollTop: 0}, 'slow'); return false; }); (function( $ ) { $(window).scroll(function(){ var sticky = $('.sticky-header'), scroll = $(window).scrollTop(); if (scroll >= 100) sticky.addClass('fixed-header'); else sticky.removeClass('fixed-header'); }); })( jQuery ); /* =============================================== Search pop up ============================================= */ jQuery('.search-cont-button-close').on('keydown', function (es) { if (jQuery("this:focus") && (es.which === 9)) { es.preventDefault(); jQuery(this).blur(); jQuery('.inner-search form input').focus(); } }); jQuery('.inner-search form input').on('keydown', function (eventser) { if (eventser.shiftKey && eventser.keyCode == 9) { eventser.preventDefault(); jQuery(this).blur(); jQuery('.search-cont-button-close').focus() } }); /* =============================================== Custom Cursor ============================================= */ const beauty_spa_elementor_customCursor = { init: function () { this.beauty_spa_elementor_customCursor(); }, isVariableDefined: function (el) { return typeof el !== "undefined" && el !== null; }, select: function (selectors) { return document.querySelector(selectors); }, selectAll: function (selectors) { return document.querySelectorAll(selectors); }, beauty_spa_elementor_customCursor: function () { const beauty_spa_elementor_cursorDot = this.select(".cursor-point"); const beauty_spa_elementor_cursorOutline = this.select(".cursor-point-outline"); if (this.isVariableDefined(beauty_spa_elementor_cursorDot) && this.isVariableDefined(beauty_spa_elementor_cursorOutline)) { const cursor = { delay: 8, _x: 0, _y: 0, endX: window.innerWidth / 2, endY: window.innerHeight / 2, cursorVisible: true, cursorEnlarged: false, $dot: beauty_spa_elementor_cursorDot, $outline: beauty_spa_elementor_cursorOutline, init: function () { this.dotSize = this.$dot.offsetWidth; this.outlineSize = this.$outline.offsetWidth; this.setupEventListeners(); this.animateDotOutline(); }, updateCursor: function (e) { this.cursorVisible = true; this.toggleCursorVisibility(); this.endX = e.clientX; this.endY = e.clientY; this.$dot.style.top = `${this.endY}px`; this.$dot.style.left = `${this.endX}px`; }, setupEventListeners: function () { window.addEventListener("load", () => { this.cursorEnlarged = false; this.toggleCursorSize(); }); beauty_spa_elementor_customCursor.selectAll("a, button").forEach((el) => { el.addEventListener("mouseover", () => { this.cursorEnlarged = true; this.toggleCursorSize(); }); el.addEventListener("mouseout", () => { this.cursorEnlarged = false; this.toggleCursorSize(); }); }); document.addEventListener("mousedown", () => { this.cursorEnlarged = true; this.toggleCursorSize(); }); document.addEventListener("mouseup", () => { this.cursorEnlarged = false; this.toggleCursorSize(); }); document.addEventListener("mousemove", (e) => { this.updateCursor(e); }); document.addEventListener("mouseenter", () => { this.cursorVisible = true; this.toggleCursorVisibility(); this.$dot.style.opacity = 1; this.$outline.style.opacity = 1; }); document.addEventListener("mouseleave", () => { this.cursorVisible = false; this.toggleCursorVisibility(); this.$dot.style.opacity = 0; this.$outline.style.opacity = 0; }); }, animateDotOutline: function () { this._x += (this.endX - this._x) / this.delay; this._y += (this.endY - this._y) / this.delay; this.$outline.style.top = `${this._y}px`; this.$outline.style.left = `${this._x}px`; requestAnimationFrame(this.animateDotOutline.bind(this)); }, toggleCursorSize: function () { if (this.cursorEnlarged) { this.$dot.style.transform = "translate(-50%, -50%) scale(0.75)"; this.$outline.style.transform = "translate(-50%, -50%) scale(1.6)"; } else { this.$dot.style.transform = "translate(-50%, -50%) scale(1)"; this.$outline.style.transform = "translate(-50%, -50%) scale(1)"; } }, toggleCursorVisibility: function () { if (this.cursorVisible) { this.$dot.style.opacity = 1; this.$outline.style.opacity = 1; } else { this.$dot.style.opacity = 0; this.$outline.style.opacity = 0; } }, }; cursor.init(); } }, }; beauty_spa_elementor_customCursor.init(); /* =============================================== Progress Bar ============================================= */ const beauty_spa_elementor_progressBar = { init: function () { let beauty_spa_elementor_progressBarDiv = document.getElementById("elemento-progress-bar"); if (beauty_spa_elementor_progressBarDiv) { let beauty_spa_elementor_body = document.body; let beauty_spa_elementor_rootElement = document.documentElement; window.addEventListener("scroll", function (event) { let beauty_spa_elementor_winScroll = beauty_spa_elementor_body.scrollTop || beauty_spa_elementor_rootElement.scrollTop; let beauty_spa_elementor_height = beauty_spa_elementor_rootElement.scrollHeight - beauty_spa_elementor_rootElement.clientHeight; let beauty_spa_elementor_scrolled = (beauty_spa_elementor_winScroll / beauty_spa_elementor_height) * 100; beauty_spa_elementor_progressBarDiv.style.width = beauty_spa_elementor_scrolled + "%"; }); } }, }; beauty_spa_elementor_progressBar.init(); /* =============================================== sticky copyright ============================================= */ window.addEventListener('scroll', function() { var beauty_spa_elementor_footer = document.querySelector('.sticky-copyright'); if (!beauty_spa_elementor_footer) return; var beauty_spa_elementor_scrollTop = window.scrollY || document.documentElement.beauty_spa_elementor_scrollTop; if (beauty_spa_elementor_scrollTop >= 100) { beauty_spa_elementor_footer.classList.add('active-sticky'); } }); /* =============================================== sticky sidebar ============================================= */ window.addEventListener('scroll', function () { var beauty_spa_elementor_sidebar = document.querySelector('.sidebar-sticky'); if (!beauty_spa_elementor_sidebar) return; var beauty_spa_elementor_scrollTop = window.scrollY || document.documentElement.scrollTop; var beauty_spa_elementor_windowHeight = window.innerHeight; var beauty_spa_elementor_documentHeight = document.documentElement.scrollHeight; var beauty_spa_elementor_isBottom = beauty_spa_elementor_scrollTop + beauty_spa_elementor_windowHeight >= beauty_spa_elementor_documentHeight - 100; if (beauty_spa_elementor_scrollTop >= 100 && !beauty_spa_elementor_isBottom) { beauty_spa_elementor_sidebar.classList.add('sidebar-fixed'); } else { beauty_spa_elementor_sidebar.classList.remove('sidebar-fixed'); } });
Copyright ©2021 || Defacer Indonesia