mirror of
https://github.com/wahyd4/cdnjs.git
synced 2026-08-09 04:46:00 +10:00
add ouibounce v0.0.9/0.0.10
This commit is contained in:
@@ -0,0 +1,133 @@
|
||||
|
||||
|
||||
(function(root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
module.exports = factory(require,exports,module);
|
||||
} else {
|
||||
root.ouibounce = factory();
|
||||
}
|
||||
}(this, function(require,exports,module) {
|
||||
|
||||
return function ouibounce(el, config) {
|
||||
var config = config || {},
|
||||
aggressive = config.aggressive || false,
|
||||
sensitivity = setDefault(config.sensitivity, 20),
|
||||
timer = setDefault(config.timer, 1000),
|
||||
delay = setDefault(config.delay, 0),
|
||||
callback = config.callback || function() {},
|
||||
cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
|
||||
cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
|
||||
sitewide = config.sitewide === true ? ';path=/' : '',
|
||||
_delayTimer = null,
|
||||
_html = document.documentElement;
|
||||
|
||||
function setDefault(_property, _default) {
|
||||
return typeof _property === 'undefined' ? _default : _property;
|
||||
}
|
||||
|
||||
function setDefaultCookieExpire(days) {
|
||||
// transform days to milliseconds
|
||||
var ms = days*24*60*60*1000;
|
||||
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + ms);
|
||||
|
||||
return "; expires=" + date.toUTCString();
|
||||
}
|
||||
|
||||
setTimeout(attachOuiBounce, timer);
|
||||
function attachOuiBounce() {
|
||||
_html.addEventListener('mouseleave', handleMouseleave);
|
||||
_html.addEventListener('mouseenter', handleMouseenter);
|
||||
_html.addEventListener('keydown', handleKeydown);
|
||||
}
|
||||
|
||||
function handleMouseleave(e) {
|
||||
if (e.clientY > sensitivity || (checkCookieValue('viewedOuibounceModal', 'true') && !aggressive)) return;
|
||||
|
||||
_delayTimer = setTimeout(_fireAndCallback, delay);
|
||||
}
|
||||
|
||||
function handleMouseenter(e) {
|
||||
if (_delayTimer) {
|
||||
clearTimeout(_delayTimer);
|
||||
_delayTimer = null;
|
||||
}
|
||||
}
|
||||
|
||||
var disableKeydown = false;
|
||||
function handleKeydown(e) {
|
||||
if (disableKeydown || checkCookieValue('viewedOuibounceModal', 'true') && !aggressive) return;
|
||||
else if(!e.metaKey || e.keyCode !== 76) return;
|
||||
|
||||
disableKeydown = true;
|
||||
_delayTimer = setTimeout(_fireAndCallback, delay);
|
||||
}
|
||||
|
||||
function checkCookieValue(cookieName, value) {
|
||||
return parseCookies()[cookieName] === value;
|
||||
}
|
||||
|
||||
function parseCookies() {
|
||||
// cookies are separated by '; '
|
||||
var cookies = document.cookie.split('; ');
|
||||
|
||||
var ret = {};
|
||||
for (var i = cookies.length - 1; i >= 0; i--) {
|
||||
var el = cookies[i].split('=');
|
||||
ret[el[0]] = el[1];
|
||||
}
|
||||
return ret;
|
||||
}
|
||||
|
||||
function _fireAndCallback() {
|
||||
fire();
|
||||
callback();
|
||||
}
|
||||
|
||||
function fire() {
|
||||
// You can use ouibounce without passing an element
|
||||
// https://github.com/carlsednaoui/ouibounce/issues/30
|
||||
if (el) el.style.display = 'block';
|
||||
disable();
|
||||
}
|
||||
|
||||
function disable(options) {
|
||||
var options = options || {};
|
||||
|
||||
// you can pass a specific cookie expiration when using the OuiBounce API
|
||||
// ex: _ouiBounce.disable({ cookieExpire: 5 });
|
||||
if (typeof options.cookieExpire !== 'undefined') {
|
||||
cookieExpire = setDefaultCookieExpire(options.cookieExpire);
|
||||
}
|
||||
|
||||
// you can pass use sitewide cookies too
|
||||
// ex: _ouiBounce.disable({ cookieExpire: 5, sitewide: true });
|
||||
if (options.sitewide === true) {
|
||||
sitewide = ';path=/';
|
||||
}
|
||||
|
||||
// you can pass a domain string when the cookie should be read subdomain-wise
|
||||
// ex: _ouiBounce.disable({ cookieDomain: '.example.com' });
|
||||
if (typeof options.cookieDomain !== 'undefined') {
|
||||
cookieDomain = ';domain=' + options.cookieDomain;
|
||||
}
|
||||
|
||||
document.cookie = 'viewedOuibounceModal=true' + cookieExpire + cookieDomain + sitewide;
|
||||
|
||||
// remove listeners
|
||||
_html.removeEventListener('mouseleave', handleMouseleave);
|
||||
_html.removeEventListener('mouseenter', handleMouseenter);
|
||||
_html.removeEventListener('keydown', handleKeydown);
|
||||
}
|
||||
|
||||
return {
|
||||
fire: fire,
|
||||
disable: disable
|
||||
};
|
||||
}
|
||||
;
|
||||
|
||||
}));
|
||||
+1
@@ -0,0 +1 @@
|
||||
!function(e,n){"function"==typeof define&&define.amd?define(n):"object"==typeof exports?module.exports=n(require,exports,module):e.ouibounce=n()}(this,function(){return function(e,n){function o(e,n){return"undefined"==typeof e?n:e}function t(e){var n=24*e*60*60*1e3,o=new Date;return o.setTime(o.getTime()+n),"; expires="+o.toUTCString()}function i(){T.addEventListener("mouseleave",u),T.addEventListener("mouseenter",r),T.addEventListener("keydown",c)}function u(e){e.clientY>v||d("viewedOuibounceModal","true")&&!l||(x=setTimeout(s,k))}function r(){x&&(clearTimeout(x),x=null)}function c(e){L||d("viewedOuibounceModal","true")&&!l||e.metaKey&&76===e.keyCode&&(L=!0,x=setTimeout(s,k))}function d(e,n){return a()[e]===n}function a(){for(var e=document.cookie.split("; "),n={},o=e.length-1;o>=0;o--){var t=e[o].split("=");n[t[0]]=t[1]}return n}function s(){f(),y()}function f(){e&&(e.style.display="block"),m()}function m(e){var e=e||{};"undefined"!=typeof e.cookieExpire&&(E=t(e.cookieExpire)),e.sitewide===!0&&(w=";path=/"),"undefined"!=typeof e.cookieDomain&&(b=";domain="+e.cookieDomain),document.cookie="viewedOuibounceModal=true"+E+b+w,T.removeEventListener("mouseleave",u),T.removeEventListener("mouseenter",r),T.removeEventListener("keydown",c)}var n=n||{},l=n.aggressive||!1,v=o(n.sensitivity,20),p=o(n.timer,1e3),k=o(n.delay,0),y=n.callback||function(){},E=t(n.cookieExpire)||"",b=n.cookieDomain?";domain="+n.cookieDomain:"",w=n.sitewide===!0?";path=/":"",x=null,T=document.documentElement;setTimeout(i,p);var L=!1;return{fire:f,disable:m}}});
|
||||
@@ -0,0 +1,117 @@
|
||||
|
||||
|
||||
(function(root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
module.exports = factory(require,exports,module);
|
||||
} else {
|
||||
root.ouibounce = factory();
|
||||
}
|
||||
}(this, function(require,exports,module) {
|
||||
|
||||
return function ouibounce(el, config) {
|
||||
var config = config || {},
|
||||
aggressive = config.aggressive || false,
|
||||
sensitivity = setDefault(config.sensitivity, 20),
|
||||
timer = setDefault(config.timer, 1000),
|
||||
callback = config.callback || function() {},
|
||||
cookieExpire = setDefaultCookieExpire(config.cookieExpire) || '',
|
||||
cookieDomain = config.cookieDomain ? ';domain=' + config.cookieDomain : '',
|
||||
sitewide = config.sitewide === true ? ';path=/' : '',
|
||||
_html = document.getElementsByTagName('html')[0];
|
||||
|
||||
function setDefault(_property, _default) {
|
||||
return typeof _property === 'undefined' ? _default : _property;
|
||||
}
|
||||
|
||||
function setDefaultCookieExpire(days) {
|
||||
// transform days to milliseconds
|
||||
var ms = days*24*60*60*1000;
|
||||
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + ms);
|
||||
|
||||
return "; expires=" + date.toGMTString();
|
||||
}
|
||||
|
||||
setTimeout(attachOuiBounce, timer);
|
||||
function attachOuiBounce() {
|
||||
_html.addEventListener('mouseleave', handleMouseleave);
|
||||
_html.addEventListener('keydown', handleKeydown);
|
||||
}
|
||||
|
||||
function handleMouseleave(e) {
|
||||
if (e.clientY > sensitivity || (checkCookieValue('viewedOuibounceModal', 'true') && !aggressive)) return;
|
||||
fire();
|
||||
callback();
|
||||
}
|
||||
|
||||
var disableKeydown = false;
|
||||
function handleKeydown(e) {
|
||||
if (disableKeydown || checkCookieValue('viewedOuibounceModal', 'true') && !aggressive) return;
|
||||
else if(!e.metaKey || e.keyCode != 76) return;
|
||||
|
||||
disableKeydown = true;
|
||||
fire();
|
||||
callback();
|
||||
}
|
||||
|
||||
function checkCookieValue(cookieName, value) {
|
||||
// cookies are separated by '; '
|
||||
var cookies = document.cookie.split('; ').reduce(function(prev, curr) {
|
||||
// split by '=' to get key, value pairs
|
||||
var el = curr.split('=');
|
||||
|
||||
// add the cookie to fn object
|
||||
prev[el[0]] = el[1];
|
||||
|
||||
return prev;
|
||||
}, {});
|
||||
|
||||
return cookies[cookieName] === value;
|
||||
}
|
||||
|
||||
function fire() {
|
||||
// You can use ouibounce without passing an element
|
||||
// https://github.com/carlsednaoui/ouibounce/issues/30
|
||||
if (el) el.style.display = 'block';
|
||||
disable();
|
||||
}
|
||||
|
||||
function disable(options) {
|
||||
var options = options || {};
|
||||
|
||||
// you can pass a specific cookie expiration when using the OuiBounce API
|
||||
// ex: _ouiBounce.disable({ cookieExpire: 5 });
|
||||
if (typeof options.cookieExpire !== 'undefined') {
|
||||
cookieExpire = setDefaultCookieExpire(options.cookieExpire);
|
||||
}
|
||||
|
||||
// you can pass use sitewide cookies too
|
||||
// ex: _ouiBounce.disable({ cookieExpire: 5, sitewide: true });
|
||||
if (options.sitewide === true) {
|
||||
sitewide = ';path=/';
|
||||
}
|
||||
|
||||
// you can pass a domain string when the cookie should be read subdomain-wise
|
||||
// ex: _ouiBounce.disable({ cookieDomain: '.example.com' });
|
||||
if (typeof options.cookieDomain !== 'undefined') {
|
||||
cookieDomain = ';domain=' + options.cookieDomain;
|
||||
}
|
||||
|
||||
document.cookie = 'viewedOuibounceModal=true' + cookieExpire + cookieDomain + sitewide;
|
||||
|
||||
// remove listeners
|
||||
_html.removeEventListener('mouseleave', handleMouseleave);
|
||||
_html.removeEventListener('keydown', handleKeydown);
|
||||
}
|
||||
|
||||
return {
|
||||
fire: fire,
|
||||
disable: disable
|
||||
};
|
||||
}
|
||||
;
|
||||
|
||||
}));
|
||||
+1
@@ -0,0 +1 @@
|
||||
!function(e,i){"function"==typeof define&&define.amd?define(i):"object"==typeof exports?module.exports=i(require,exports,module):e.ouibounce=i()}(this,function(){return function(e,i){function n(e,i){return"undefined"==typeof e?i:e}function o(e){var i=24*e*60*60*1e3,n=new Date;return n.setTime(n.getTime()+i),"; expires="+n.toGMTString()}function t(){y.addEventListener("mouseleave",u),y.addEventListener("keydown",r)}function u(e){e.clientY>s||c("viewedOuibounceModal","true")&&!f||(d(),v())}function r(e){b||c("viewedOuibounceModal","true")&&!f||e.metaKey&&76==e.keyCode&&(b=!0,d(),v())}function c(e,i){var n=document.cookie.split("; ").reduce(function(e,i){var n=i.split("=");return e[n[0]]=n[1],e},{});return n[e]===i}function d(){e&&(e.style.display="block"),a()}function a(e){var e=e||{};"undefined"!=typeof e.cookieExpire&&(l=o(e.cookieExpire)),e.sitewide===!0&&(k=";path=/"),"undefined"!=typeof e.cookieDomain&&(p=";domain="+e.cookieDomain),document.cookie="viewedOuibounceModal=true"+l+p+k,y.removeEventListener("mouseleave",u),y.removeEventListener("keydown",r)}var i=i||{},f=i.aggressive||!1,s=n(i.sensitivity,20),m=n(i.timer,1e3),v=i.callback||function(){},l=o(i.cookieExpire)||"",p=i.cookieDomain?";domain="+i.cookieDomain:"",k=i.sitewide===!0?";path=/":"",y=document.getElementsByTagName("html")[0];setTimeout(t,m);var b=!1;return{fire:d,disable:a}}});
|
||||
@@ -2,7 +2,7 @@
|
||||
"name": "ouibounce",
|
||||
"filename": "ouibounce.js",
|
||||
"description": "Show some HTML before visitors leave your site.",
|
||||
"version": "0.0.8",
|
||||
"version": "0.0.10",
|
||||
"npmName": "ouibounce",
|
||||
"npmFileMap": [
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user