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

registering query args as smart tag on campaign load

document.addEventListener(‘om.Campaign.load’, function(event) { const queryString = window.location.search; // capture all query args // Registers a custom `query_args` smart tag that outputs all query args from the current page. event.detail.Campaign.Dtr.setCustomVariable(‘query_args’, queryString); });Continue reading

om.Campaign.load , capture query args

document.addEventListener(‘om.Campaign.load’, function(event) { const queryString = window.location.search; // capture all query args // Registers a custom `query_args` smart tag that outputs all query args from the current page. event.detail.Campaign.Dtr.setCustomVariable(‘query_args’, queryString); });Continue reading

om.Styles.positionPopup example 1

document.addEventListener(‘om.Styles.positionPopup’, function(event) { const campaign_selector = “#om-” + event.detail.Campaign.id + “-” + event.detail.Campaign.view; $(campaign_selector).dragon(); } );Continue reading

om.Styles.positionPopup

document.addEventListener(‘om.Styles.positionPopup’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); // This event is passed the Styles object console.log(event.detail.Styles); } );Continue reading

om.Campaign.reset

document.addEventListener(‘om.Campaign.reset’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading

om.Action.refresh

document.addEventListener(‘om.Action.refresh’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); // This event is passed the Action object console.log(event.detail.Action); } );Continue reading

om.Action.window

document.addEventListener(‘om.Action.window’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); // This event is passed the Action object console.log(event.detail.Action); } );Continue reading

om.Action.close example 1

// Function SaveToDisk forces file download instead of viewing in browser function SaveToDisk(fileURL, fileName) { // for non-IE if (!window.ActiveXObject) { var save = document.createElement(‘a’); save.href = fileURL; save.target = ‘_blank’; save.download = fileName || ‘unknown’; var event = document.createEvent(‘Event’);…Continue reading

om.Action.close

document.addEventListener(‘om.Action.close’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); // This event is passed the Action object console.log(event.detail.Action); } );Continue reading