js - WPCode Library

“Lazy Load Images”.( For Dom Size)

document.addEventListener(“DOMContentLoaded”, function() { const lazyLoadImages = () => { const images = document.querySelectorAll(‘img.lazy’); const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; img.classList.remove(‘lazy’); observer.unobserve(img); } }); }); images.forEach(img…Continue reading

“Lazy Load Images”.

document.addEventListener(“DOMContentLoaded”, function() { const lazyLoadImages = () => { const images = document.querySelectorAll(‘img.lazy’); const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; img.classList.remove(‘lazy’); observer.unobserve(img); } }); }); images.forEach(img…Continue reading

Gravity Forms JavaScript Helpers

function icInitializeGravityForms() { // CONSTANTS ——————————————————- const POST_CODE_JP_KEY = ‘BJ7qtSrq0iYgWj9AV0P4esvTTX1gmq48813DoE1’; const TO_SINGLE_MAP = { numeral: { ‘０’ : ‘0’, ‘１’ : ‘1’, ‘２’ : ‘2’, ‘３’ : ‘3’, ‘４’ : ‘4’, ‘５’ : ‘5’, ‘６’ : ‘6’, ‘７’ : ‘7’,…Continue reading

HashBars and Responsive Menu Pro Adjustment

jQuery(document).ready(function($) { if($(‘.hthb-notification’).length){ var wpadminBar = 0; if($( “#wpadminbar” ).length){ wpadminBar = $( “#wpadminbar” ).height(); } setTimeout(() => { var hthbNotification = $( “.hthb-notification:visible” ).height(); $(‘body’).css(‘margin-top’,hthbNotification + ‘px’);hthbNotification $(‘#responsive-menu-pro-button’).css(‘margin-top’,hthbNotification + wpadminBar + 20 + ‘px’); $(window).resize(function(){ var hthbNotification = $(…Continue reading

FB Events App.js

window.fbAsyncInit = function() { FB.init({ appId : ‘247399214359492’, cookie : true, xfbml : true, version : ‘v16.0’ }); FB.AppEvents.logPageView(); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = “https://connect.facebook.net/en_US/sdk.js”;…Continue reading

Thanksgiving popup

(function(w, d, t, h, s, n) { w.FlodeskObject = n; var fn = function() { (w[n].q = w[n].q || []).push(arguments); }; w[n] = w[n] || fn; var f = d.getElementsByTagName(t)[0]; var v = ‘?v=’ + Math.floor(new Date().getTime() / (120 *…Continue reading

Clear Content Area

function clearContentArea() { let contentArea = document.querySelector(‘#content’); let siteContainer = document.querySelector(‘.site’); // Remove title & date if (contentArea) { contentArea.remove(); } // Reapply site styling to correct footer height. if (siteContainer) { siteContainer.style.minHeight = ‘100%’; } } clearContentArea();Continue reading

Untitled Snippet

const showHidePass = document.getElementById(‘showHidePassword’); const userPassword = document.getElementById(‘password’); showHidePass.addEventListener(‘click’, function(e) { let showHideAttr = userPassword.getAttribute(‘type’); if (showHideAttr === ‘password’) { showHideAttr = ‘text’; } else { showHideAttr = ‘password’; } userPassword.setAttribute(‘type’, showHideAttr); this.classList.toggle(‘fa-eye-slash’); });Continue reading

Retain Query Params

document.addEventListener(‘DOMContentLoaded’, function() { var queryString = window.location.search; var links = document.querySelectorAll(‘.elementor a’); // Target elementor links if (queryString) { links.forEach(function(link) { var originalUrl = link.href; // Ensure the query parameters are appended correctly without creating duplicates if (originalUrl.indexOf(‘?’) === -1)…Continue reading

Show more Landings

document.addEventListener(“DOMContentLoaded”, function () { // Get all Read More buttons const readMoreButtons = document.querySelectorAll(‘.read-more’); readMoreButtons.forEach(button => { button.addEventListener(‘click’, function (event) { event.preventDefault(); const feature = this.closest(‘.feature’); const longDesc = feature.querySelector(‘.long-desc’); const shortDesc = feature.querySelector(‘.short-desc’); if (longDesc.style.display === “none”) { longDesc.style.display…Continue reading