js - WPCode Library

scroll-header

document.addEventListener(‘DOMContentLoaded’, function () { const headerRest = document.querySelector(‘.scroll-header-rest’); const headerHome = document.querySelector(‘.scroll-header-home’); let lastScrollY = window.scrollY; let isHeaderHidden = false; window.addEventListener(‘scroll’, function () { const currentScrollY = window.scrollY; // Runterscrollen: Header 1 ausblenden if (currentScrollY > lastScrollY && currentScrollY >…Continue reading

force break after / on mobile

(function () { const MOBILE_MAX = 767; let timer; function isMobile() { return window.innerWidthContinue reading

Listing Hover Image JS

// GSAP animation setup const cards = document.querySelectorAll(‘.list-card’); cards.forEach(card => { const hoverContent = card.querySelector(‘.list-card-hover-content’); card.addEventListener(‘mouseenter’, () => { // Make the hover content visible and animate in gsap.fromTo( hoverContent, { opacity: 0, clipPath: “polygon(0% 100%, 100% 100%, 100% 100%,…Continue reading

Modal Pop Up closes Nav (JS)

// Close Oxygen Pro Menu drawer ONLY for the modal trigger, then open the modal. // Robust: tries toggle button, overlay, and class removal; waits until closed; then re-fires click. (function(){ const MOBILE_BP = 991; // match your CSS breakpoint…Continue reading

Contact Modal Jump Prevent (JS)

document.addEventListener(‘click’, function(e){ const trigger = e.target.closest(‘.open-contact-modal > a’); if (trigger) e.preventDefault(); // prevents jump-to-top on # });Continue reading

Lineup Equal Columns Layout + GSAP with Scroll Past (JS)

(function () { // ———- config ———- const WRAP_SEL = “.p25-artist-list-wrapper”; const ITEM_SEL = “.p25-artist-item”; const GSAP = window.gsap; const REVEAL = { y: 10, dur: 0.35, stagger: 0.045, ease: “power2.out” }; // ———- helpers ———- const debounce = (fn,…Continue reading

Image Reveal GSAP in Repeater (JS)

document.addEventListener(“DOMContentLoaded”, function () { if (typeof gsap === “undefined”) { console.error(“GSAP is not loaded.”); return; } gsap.registerPlugin(ScrollTrigger); // ========================================================================== // Initial State — Hide Elements Before Page Load // ========================================================================== // Repeater Rows gsap.set(“.cont-repeater-row”, { autoAlpha: 0 }); // Hero…Continue reading

Paragraph Text Underline with GSAP SplitText

gsap.registerPlugin(SplitText); document.querySelectorAll(‘.fc25_hover_text_underline_container’).forEach(function (container) { container.addEventListener(‘mouseenter’, function () { const textElement = container.querySelector(‘.fc25_hover_text_underline_text’); if (!textElement) return; // Clear existing underlines container.querySelectorAll(‘.underline’).forEach(function (line) { line.remove(); }); // Split the text into characters using SplitText const splitText = new SplitText(textElement, { type: ‘chars’,…Continue reading

People Group Profile – JS ArcGIS map for PG polygon – shortcode for map

document.addEventListener(“DOMContentLoaded”, function () { var mapInitialized = false; function initMap() { if (mapInitialized) return; mapInitialized = true; var mapDiv = document.getElementById(“pg-map”); if (!mapDiv) return; var peid = parseInt(mapDiv.getAttribute(“data-peid”), 10); if (!peid) return; var map = new maplibregl.Map({ container: “pg-map”, style:…Continue reading

Admin Area—Prevent Mouse Scroll Changing Number Inputs

function preventNumberScroll(e) { if (e.target.matches(‘input[type=”number”]’) || e.target.closest(‘input[type=”number”]’)) { e.preventDefault(); } } document.addEventListener(‘wheel’, preventNumberScroll, { passive: false, capture: true }); document.addEventListener(‘mousewheel’, preventNumberScroll, { passive: false, capture: true }); document.addEventListener(‘DOMMouseScroll’, preventNumberScroll, { passive: false, capture: true });Continue reading