js - WPCode Library

GTM_Tracking

document.addEventListener(‘DOMContentLoaded’, function() { /***** EVENTS ANFANG *****/ /***** Clicktracking Tabs *****/ /* with mousedown */ /*jQuery(“.su-tabs-nav span[role=’button’]”).on(“mousedown”, function() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ ‘event’: ‘click_tab’, ‘tab_type’: jQuery(this).data(“anchor”).toLowerCase() }); });*/ /* using the fact that clicks on a tab…Continue reading

AI Buzz — Auto Article Count

/** * AI BUZZ — AUTO ARTICLE COUNT UPDATER * * Automatically updates any element with id=”aibuzz-article-count” * on the page with the current total number of published articles. * * Uses localStorage to cache the count for 24 hours.…Continue reading

Untitled Snippet

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