Basic | Grid-Filter Tastaturbedienbar

document.addEventListener(“DOMContentLoaded”, function () { const filterItems = document.querySelectorAll(‘.vc_grid-filter-item’); filterItems.forEach((item, index) => { item.setAttribute(‘tabindex’, ‘0’); // Fokusierbar per Tab item.setAttribute(‘role’, ‘button’); // Semantik: Rolle als Button item.setAttribute(‘aria-pressed’, item.classList.contains(‘vc_active’) ? ‘true’ : ‘false’); item.setAttribute(‘aria-label’, item.textContent.trim()); // Tastaturbedienung (Enter oder Leertaste) item.addEventListener(‘keydown’, function…Continue reading

CLEAN & MINIFY ASSETS

HTML: CSS: Use CleanCSS or Webpack to minify. cleancss -o style.min.css style.css JS: Use Terser or Webpack. terser main.js -o main.min.js –compress –mangleContinue reading

Adding a Clear Button to Reset All Fields in Your Form

document.addEventListener(‘DOMContentLoaded’, function() { // Change the form ID to match your WPForms form ID var form = document.getElementById(‘wpforms-form-10’); if (form) { var clearButton = document.createElement(‘button’); clearButton.type = ‘button’; clearButton.innerText = ‘Clear’; clearButton.class = ‘custom-btn’; clearButton.style.marginTop = ’10px’; clearButton.classList.add(‘custom-clear-button’); form.appendChild(clearButton); clearButton.addEventListener(‘click’,…Continue reading

MVNO Table Verizon[CSS]

/* General Table Styling */ .verizon-mvno-table { border-collapse: separate; border-spacing: 0; width: 100%; margin: 20px auto; font-family: Arial, sans-serif; } .verizon-mvno-comparison-table { width: 100%; border: none; /* Make table lines invisible */ } .verizon-mvno-table-header-row { background-color: #f5f7f9; color: #333; font-weight:…Continue reading