js - WPCode Library

Accessibility Enhancements for Divi Header (Mobile Menu & Search)

/* Accessibility Enhancements for Divi Header (Mobile Menu & Search) ——————————————————————- This script improves keyboard accessibility across the Divi mobile menu and search interface by: ✅ Making all faux buttons (e.g., used as buttons) respond to Enter and Space ✅…Continue reading

Automatic HLE Table Handler

window.addEventListener(‘DOMContentLoaded’, () => { const table = document.querySelector(‘.hle’); if (!table) return; const btn = document.createElement(‘button’); btn.textContent = ‘Show More’; btn.style.margin = ’10px 0′; btn.style.display = ‘block’; btn.addEventListener(‘click’, () => { table.classList.toggle(‘expanded’); btn.textContent = table.classList.contains(‘expanded’) ? ‘Show Less’ : ‘Show More’;…Continue reading

Marquee Animation

const off = 10; let l = off; const marqueeElements = Array.from(document.querySelectorAll(‘.marquee span’)); const speed = 1.5; const stack = []; let pause = false; marqueeElements.forEach(element => { const width = element.offsetWidth + off; element.style.left = `${l}px`; l += width;…Continue reading

Collapsed Menu Reset for Mobile Menu

/** * WordPress admin menu handler – UiPress direct approach */ (function($) { // Execute when document is ready $(document).ready(function() { // Set up the mobile menu click handler setupMobileHandler(); // Also handle resize events $(window).on(‘resize’, debounce(function() { setupMobileHandler(); },…Continue reading

Admin Screen Options for //bitlash Admin Theme

/** * Bitlash Admin Screen Options – Production Version * * This script creates a direct mirror of any WordPress screen options * found in the current admin page, with select elements set to 100% width. * * Compatible with…Continue reading

Mobile Menu Toggle JS

document.addEventListener(“DOMContentLoaded”, function() { const toggles = document.querySelectorAll(“.submenu-toggle”); toggles.forEach(function(toggle) { toggle.addEventListener(“click”, function(e) { const parent = e.target.closest(“li”); parent.classList.toggle(“open”); }); }); });Continue reading

Máscara CPF

// Carrega a biblioteca Inputmask var script = document.createElement(‘script’); script.src = “https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js”; script.onload = function () { aplicarMascaraCPF(); }; document.head.appendChild(script); // Função que aplica a máscara e a validação no campo CPF function aplicarMascaraCPF() { if (typeof jQuery === ‘undefined’…Continue reading

Type: js