Untitled
unknown
plain_text
2 years ago
8.8 kB
13
Indexable
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
var egToster =''+
' <div class="eg-popup">'+
' <div class="eg-popup-overlay"></div>'+
' <div class="eg-toster">'+
' <span class="eg-toster-cross">×</span>'+
' <div class="eg-toster-content">'+
' <h2 class="eg-toster-heading">Order in the next 30 minutes and get 10% off</h2>'+
' <div class="eg-promo-timer">'+
' <div class="eg-promo-timer-inr">'+
' <div class="eg-minutes eg-box">'+
' <span class="eg-number">00</span>'+
' <span class="eg-text">min</span>'+
' </div>'+
' <span class="eg-colon">:</span>'+
' <div class="eg-seconds eg-box">'+
' <span class="eg-number">00</span>'+
' <span class="eg-text">sec</span>'+
' </div>'+
' </div>'+
' </div>'+
' <a href="https://thespanishgroup.org/billing?offerDiscount=true" class="eg-link">Place Order Now</a>'+
' </div>'+
' </div>'+
' </div>';
var offset;
function createSession() {
if(getCookie('firstVisitSP') == null) {
setCookie('firstVisitSP', '1',365);
}
}
function init() {
document.querySelector('body').insertAdjacentHTML('beforeend', egToster);
document.querySelector('.eg-toster-cross').addEventListener('click', function(){
createSession();
document.querySelector('body').classList.remove('eg-top-toster');
});
document.querySelector('.eg-popup-overlay').addEventListener('click', function(){
createSession();
document.querySelector('body').classList.remove('eg-top-toster');
});
//add mouseout event
document.addEventListener("mouseout", function(e) {
if (e.toElement == null && e.relatedTarget == null) {
if(getCookie('firstVisitSP') == null) {
startTimer();
document.querySelector('body').classList.add("eg-top-toster");
//create session
createSession();
offset=window.pageYOffset;
}
}
});
if(window.screen.width < 1024)
{
// listen to "scroll" event
window.onscroll = function(){
var a= checkScrollSpeed();
if (a < -100 && getCookie('firstVisitSP') == null) {
document.querySelector('body').classList.add("eg-top-toster");
//create session
startTimer();
createSession();
}
};
}
}
var checkScrollSpeed = (function(settings){
settings = settings || {};
var lastPos, newPos, timer, delta,
delay = settings.delay || 50; // in "ms" (higher means lower fidelity )
function clear() {
lastPos = null;
delta = 0;
}
clear();
return function(){
newPos = window.scrollY;
if ( lastPos != null ){ // && newPos < maxScroll
delta = newPos - lastPos;
}
lastPos = newPos;
clearTimeout(timer);
timer = setTimeout(clear, delay);
return delta;
};
})();
function startTimer(){
var countdown = 30 * 60 * 1000;
var timerId = setInterval(function(){
countdown -= 1000;
var min = Math.floor(countdown / (60 * 1000));
//var sec = Math.floor(countdown - (min * 60 * 1000)); // wrong
var sec = Math.floor((countdown - (min * 60 * 1000)) / 1000); //correct
if (countdown <= 0) {
clearInterval(timerId);
document.querySelector('body').classList.remove('eg-top-toster');
createSession();
} else {
if (min < 10) {
document.querySelector(".eg-minutes .eg-number").innerHTML = min = "0" + min;
} else {
document.querySelector(".eg-minutes .eg-number").innerHTML = min;
}
if (sec < 10) {
document.querySelector(".eg-seconds .eg-number").innerHTML = sec = "0" + sec;
} else {
document.querySelector(".eg-seconds .eg-number").innerHTML = sec;
}
}
}, 1000);
}
/* Initialise variation */
if(!getCookie('firstVisitSP')){
waitForElement("body", init, 50, 15000);
}
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
<style>
html body.eg-top-toster .eg-popup{
display: block;
}
html body .eg-popup{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 999999999;
}
html body .eg-popup-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000042;
z-index: 1;
}
.eg-toster {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #3aa6a8;
max-width: 382px;
width: 95%;
-webkit-box-shadow: 0px 3px 9px 0px rgb(136 136 136 / 50%);
-moz-box-shadow: 0px 3px 9px 0px rgb(136 136 136 / 50%);
box-shadow: 0px 3px 9px 0px rgb(136 136 136 / 50%);
border-radius: 20px;
z-index: 2;
}
html body .eg-toster-heading {
font-size: 23px !important;
font-weight: bold !important;
color: #ffffff;
letter-spacing: 0.66px;
line-height: 1.5;
text-align: center;
margin-bottom: 16px;
margin-top: 10px;
}
html body .eg-toster-subheading {
color: #333333;
font-size: 16px;
letter-spacing: 0.53px;
line-height: 24px;
text-align: center;
margin: 16px 10px 22px;
}
html body .eg-toster-content {
padding: 20px 18px 30px;
text-align: center;
}
html body .eg-toster-cross {
position: absolute;
top: 6px;
right: 10px;
font-size: 30px;
line-height: 18px;
cursor: pointer;
color: #ffffff;
padding: 3px;
display: inline-flex;
width: auto;
z-index: 9;
font-weight: 600;
}
.eg-promo-timer-inr {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.eg-promo-timer .eg-hours,
.eg-promo-timer .eg-date {
display: none;
}
.eg-promo-timer .eg-box {
display: flex;
justify-content: center;
text-align: center;
margin: 0px 5px;
align-items: center;
flex-direction: column;
}
.eg-promo-timer .eg-box .eg-text {
text-transform: capitalize;
color: #fff;
font-weight: 600;
margin-top: 10px;
}
.eg-toster .eg-link {
display: inline-flex;
background: #2e7182;
padding: 9px 20px;
margin: 0 auto;
text-align: center;
margin-top: 20px;
color: #fff;
font-size: 18px;
letter-spacing: 1px;
border-radius: 4px;
}
.eg-toster .eg-link:hover {
opacity: .9;
}
.eg-promo-timer .eg-box .eg-number {
background: #fff;
border-radius: 2px;
color: #1f3d5c;
font-weight: 600;
padding: 4px 8px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 16px 29px 0px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 16px 29px 0px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 16px 29px 0px rgba(0,0,0,0.25);
margin-right: 5px;
font-size: 27px;
}
.eg-promo-timer .eg-minutes{
margin-right: 15px;
}
.eg-promo-timer .eg-promo-timer-inr .eg-colon {
display: none;
}
.eg-promo-timer .eg-promo-timer-inr > span {
font-size: 18px;
margin-right: 10px;
}
@media screen and (max-width:767px) {
.eg-toster {
max-width: 375px;
}
}
</style>Editor is loading...