ericakfranz

<script type="text/javascript" id="customize-om-close-title-attr">
 document.addEventListener('om.Campaign.load', function(event) {
     document.querySelectorAll('html div#om-{{id}} [class*="-close"]')[0].setAttribute('title', 'Custom Title Text Here'); 
 } );
</script>

ericakfranz

<!-- Floating MonsterLink Style 2 --> 
<div class="floating-monsterlink style2"> 
  <div class="floating-avatar"> 
    <span>&nbsp;</span> 
  </div> 
  Want to get 25,000 unique visitors a month? 
  <a href="#" class="manual-optin-trigger" data-optin-slug="oqxhwmovdrq4xzue">Click here to learn how</a>
  <!-- Update the data-optin-slug attribute with the slug of your own campaign you want to load on click. -->
  
  <!-- START close icon, remove to make Floating Bar permanent. Use with caution, not recommended to remove if loading on mobile devices. -->

ericakfranz

// Floating MonsterLink Style 2
jQuery(document).ready(function ($) {

    //* Animate Floating MonsterLink into view on page load
    $('.floating-monsterlink.style2').addClass('show');

    //* Animate out of view function
    function closeFloatingMonsterLink(e) {
        e.preventDefault();
        $('.floating-monsterlink.style2').removeClass('show');

ericakfranz

/* --- Floating MonsterLink Style 2 CSS ---
 ------------------------------------------ */
 .floating-monsterlink.style2.show {
    bottom: 30px;
 }
 .floating-monsterlink.style2 {
    margin: 0;
    width: auto;
    border-radius: 10px;
    display: inline-block;

ericakfranz

// Floating MonsterLink Style 1
jQuery(document).ready(function ($) {

    //* Animate Floating MonsterLink into view on page load
    $('.floating-monsterlink.style1').addClass('show');

    //* Animate out of view function
    function closeFloatingMonsterLink(e) {
        e.preventDefault();
        $('.floating-monsterlink.style1').removeClass('show');

ericakfranz

/* --- Floating MonsterLink Style 1 CSS ---
 ------------------------------------------ */
 .floating-monsterlink.style1.show {
    right: 30px;
 }
 .floating-monsterlink.style1 {
    margin: 0;
    width: auto;
    border-radius: 10px;
    display: inline-block;

ericakfranz

<!-- Floating MonsterLink Style 1 --> 
<div class="floating-monsterlink style1"> 
  <div class="floating-avatar"> 
    <span>&nbsp;</span> 
  </div> 
  Want to get 25,000 unique visitors a month? 
  <a href="#" class="manual-optin-trigger" data-optin-slug="oqxhwmovdrq4xzue">Click here to learn how</a>
  <!-- Update the data-optin-slug attribute with the slug of your own campaign you want to load on click. -->
  
  <!-- START close icon, remove to make Floating Bar permanent. Use with caution, not recommended to remove if loading on mobile devices. -->

ericakfranz

document.addEventListener('om.Campaign.afterCleanup', function(event) {
	// This event is passed the Campaign object
	console.log(event.detail.Campaign);
} );

ericakfranz

document.addEventListener('om.Scripts.init', function(event) {
    event.detail.Scripts.enabled.fonts = false;
});

ericakfranz

document.addEventListener('om.Form.validate', function(event) {
	// ...custom validation code here
	if (validateError) {
		event.detail.Form.errors.validate.push('This is the error message')
	}
});