om.Campaign.afterClose
document.addEventListener(‘om.Campaign.afterClose’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading
Type: js
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
Carousel
function ResCarouselOnInit(){ResCarouselSize(),ResCarouselSlide(),$(document).on(“click”,”.leftRs, .rightRs”,function(){ResCarousel(this)}),$(document).on(“mouseenter”,”.ResHover”,function(){$(this).addClass(“ResHovered”)}),$(document).on(“mouseleave”,”.ResHover”,function(){$(this).removeClass(“ResHovered”)})}function ResCarouselSlide(){$(“.resCarousel”).each(function(){var e=$(this).find(“.rightRs”),t=$(this).attr(“data-interval”);!isNaN(t)&&$(this).addClass(“ResHover”)&&setInterval(function(){!e.parent().hasClass(“ResHovered”)&&ResCarousel(e)},+t)})}function ResCarouselResize(){function e(){console.log(“resize Works”);var e=$(“body”).width();$(“.resCarousel”).each(function(){var t=$(this).attr(“data-value”),s=$(this).find(“.item”).width();$(this).find(“.resCarousel-inner”).scrollLeft(t*s);var a=$(this).attr(“data-items”).split(“,”),i=e>=1200?a[3]:e>=992?a[2]:e>=768?a[1]:a[0];$(this).attr(“data-itm”,i)})}e()}function ResCarouselSize(){var e=performance.now();$(“.resCarousel”).each(function(e){var t=$(this).attr(“data-items”).split(“,”);$(this).addClass(“ResSlid”+e);for(var s=0;4>s;s++)0==s?styleCollector0=”.ResSlid”+e+” .item {width: “+100/t[s]+”%}”:1==s?styleCollector1=”.ResSlid”+e+” .item {width: “+100/t[s]+”%}”:2==s?styleCollector2=”.ResSlid”+e+” .item {width: “+100/t[s]+”%}”:3==s&&(styleCollector3=”.ResSlid”+e+” .item {width: “+100/t[s]+”%}”);$(this).attr(“data-value”,”0″);var a=$(“body”).width(),i=a>=1200?t[3]:a>=992?t[2]:a>=768?t[1]:t[0];$(this).attr(“data-itm”,i);var o=”@media (max-width:767px){“+styleCollector0+”}@media (min-width:768px){“+styleCollector1+”}@media (min-width:992px){“+styleCollector2+”}@media (min-width:1200px){“+styleCollector3+”}”;$(this).find(“style”).remove(),$(this).append(“ “)});var t=performance.now();console.log(“Took”,(t-e).toFixed(4),”milliseconds to Size”)}function ResCarousel(e){var t=$(e).parent(),s=(t.find(“.leftRs”),t.find(“.rightRs”),+t.attr(“data-slide”)),a=t.find(“.resCarousel-inner”),i=+t.attr(“data-speed”),o=+t.attr(“data-load”),r=””,l=””,n=a.find(“.item”).length,d=a.find(“.item”).outerWidth(),u=+t.attr(“data-itm”),c=$(e).hasClass(“leftRs”),f=Math.round(a.scrollLeft()/d);if(i=isNaN(i)?400:i,s=u>s?s:u,c){l=f-s,r=l*d;var m=l+s;0==f?(l=n-s,r=l*d,l=n-u,i=400):s>=m&&(l=r=0)}else{l=f+s,r=l*d;var…Continue reading
om.Campaign.close example
document.addEventListener(‘om.Campaign.close’, function(event) { const url = “http://optinmonster.com”; window.location.href = url; } );Continue reading
om.Campaign.close
document.addEventListener(‘om.Campaign.close’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading
om.Campaign.startClose
document.addEventListener(‘om.Campaign.startClose’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading
om.Campaign.afterShow
document.addEventListener(‘om.Campaign.afterShow’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading
om.Campaign.load example
document.addEventListener(‘om.Campaign.load’, function(event) { console.log(“Congratulations! The ” + event.detail.Campaign.id + ‘-‘ + event.detail.Campaign.type + ” optin has been successfully loaded.”); });Continue reading
om.Campaign.load
document.addEventListener(‘om.Campaign.load’, function(event) { // This event is passed the Campaign object console.log(event.detail.Campaign); } );Continue reading
om.Countdown.init
document.addEventListener(‘om.Countdown.init’, function(event) { console.log(event.detail.Countdown); console.log(event.detail.Campaign); } );Continue reading