344 lines
13 KiB
JavaScript
344 lines
13 KiB
JavaScript
|
/* Cookies Directive - The rewrite. Now a jQuery plugin
|
|||
|
|
* Version: 2.0.1
|
|||
|
|
* Author: Ollie Phillips
|
|||
|
|
* 24 October 2013
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
;(function($) {
|
|||
|
|
$.cookiesDirective = function(options) {
|
|||
|
|
|
|||
|
|
// Default Cookies Directive Settings
|
|||
|
|
var settings = $.extend({
|
|||
|
|
//Options
|
|||
|
|
explicitConsent: true,
|
|||
|
|
position: 'top',
|
|||
|
|
duration: 10,
|
|||
|
|
limit: 0,
|
|||
|
|
message: null,
|
|||
|
|
cookieScripts: null,
|
|||
|
|
privacyPolicyUri: 'privacy.html',
|
|||
|
|
scriptWrapper: function(){},
|
|||
|
|
// Styling
|
|||
|
|
fontFamily: 'helvetica',
|
|||
|
|
fontColor: '#FFFFFF',
|
|||
|
|
fontSize: '13px',
|
|||
|
|
backgroundColor: '#000000',
|
|||
|
|
backgroundOpacity: '80',
|
|||
|
|
linkColor: '#CA0000'
|
|||
|
|
}, options);
|
|||
|
|
|
|||
|
|
// Perform consent checks
|
|||
|
|
if(!getCookie('cookiesDirective')) {
|
|||
|
|
if(settings.limit > 0) {
|
|||
|
|
// Display limit in force, record the view
|
|||
|
|
if(!getCookie('cookiesDisclosureCount')) {
|
|||
|
|
setCookie('cookiesDisclosureCount',1,1);
|
|||
|
|
} else {
|
|||
|
|
var disclosureCount = getCookie('cookiesDisclosureCount');
|
|||
|
|
disclosureCount ++;
|
|||
|
|
setCookie('cookiesDisclosureCount',disclosureCount,1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Have we reached the display limit, if not make disclosure
|
|||
|
|
if(settings.limit >= getCookie('cookiesDisclosureCount')) {
|
|||
|
|
disclosure(settings);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// No display limit
|
|||
|
|
disclosure(settings);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// If we don't require explicit consent, load up our script wrapping function
|
|||
|
|
if(!settings.explicitConsent) {
|
|||
|
|
settings.scriptWrapper.call();
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// Cookies accepted, load script wrapping function
|
|||
|
|
settings.scriptWrapper.call();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Used to load external javascript files into the DOM
|
|||
|
|
$.cookiesDirective.loadScript = function(options) {
|
|||
|
|
var settings = $.extend({
|
|||
|
|
uri: '',
|
|||
|
|
appendTo: 'body'
|
|||
|
|
}, options);
|
|||
|
|
|
|||
|
|
var elementId = String(settings.appendTo);
|
|||
|
|
var sA = document.createElement("script");
|
|||
|
|
sA.src = settings.uri;
|
|||
|
|
sA.type = "text/javascript";
|
|||
|
|
sA.onload = sA.onreadystatechange = function() {
|
|||
|
|
if ((!sA.readyState || sA.readyState == "loaded" || sA.readyState == "complete")) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
switch(settings.appendTo) {
|
|||
|
|
case 'head':
|
|||
|
|
$('head').append(sA);
|
|||
|
|
break;
|
|||
|
|
case 'body':
|
|||
|
|
$('body').append(sA);
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
$('#' + elementId).append(sA);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Helper scripts
|
|||
|
|
// Get cookie
|
|||
|
|
var getCookie = function(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;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Set cookie
|
|||
|
|
var setCookie = function(name,value,days) {
|
|||
|
|
var expires = "";
|
|||
|
|
if (days) {
|
|||
|
|
var date = new Date();
|
|||
|
|
date.setTime(date.getTime()+(days*24*60*60*1000));
|
|||
|
|
expires = "; expires="+date.toGMTString();
|
|||
|
|
}
|
|||
|
|
document.cookie = name+"="+value+expires+"; path=/";
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Detect IE < 9
|
|||
|
|
var checkIE = function(){
|
|||
|
|
var version;
|
|||
|
|
if (navigator.appName == 'Microsoft Internet Explorer') {
|
|||
|
|
var ua = navigator.userAgent;
|
|||
|
|
var re = new RegExp("MSIE ([0-9]{1,}[\\.0-9]{0,})");
|
|||
|
|
if (re.exec(ua) !== null) {
|
|||
|
|
version = parseFloat(RegExp.$1);
|
|||
|
|
}
|
|||
|
|
if (version <= 8.0) {
|
|||
|
|
return true;
|
|||
|
|
} else {
|
|||
|
|
if(version == 9.0) {
|
|||
|
|
if(document.compatMode == "BackCompat") {
|
|||
|
|
// IE9 in quirks mode won't run the script properly, set to emulate IE8
|
|||
|
|
var mA = document.createElement("meta");
|
|||
|
|
mA.content = "IE=EmulateIE8";
|
|||
|
|
document.getElementsByTagName('head')[0].appendChild(mA);
|
|||
|
|
return true;
|
|||
|
|
} else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// Disclosure routines
|
|||
|
|
var disclosure = function(options) {
|
|||
|
|
|
|||
|
|
$.browserLanguage(function( language , acceptHeader ){
|
|||
|
|
var settings = options;
|
|||
|
|
settings.css = 'fixed';
|
|||
|
|
|
|||
|
|
// IE 9 and lower has issues with position:fixed, either out the box or in compatibility mode - fix that
|
|||
|
|
if(checkIE()) {
|
|||
|
|
settings.position = 'top';
|
|||
|
|
settings.css = 'absolute';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Any cookie setting scripts to disclose
|
|||
|
|
var scriptsDisclosure = '';
|
|||
|
|
if (settings.cookieScripts) {
|
|||
|
|
var scripts = settings.cookieScripts.split(',');
|
|||
|
|
var scriptsCount = scripts.length;
|
|||
|
|
var scriptDisclosureTxt = '';
|
|||
|
|
if(scriptsCount>1) {
|
|||
|
|
for(var t=0; t < scriptsCount - 1; t++) {
|
|||
|
|
scriptDisclosureTxt += scripts[t] + ', ';
|
|||
|
|
}
|
|||
|
|
if(language=="Italian")
|
|||
|
|
scriptsDisclosure = ' Vengono utilizzati gli script ' + scriptDisclosureTxt.substring(0, scriptDisclosureTxt.length - 2) + ' e ' + scripts[scriptsCount - 1] + ', che impostano cookies. ';
|
|||
|
|
else
|
|||
|
|
scriptsDisclosure = ' We use ' + scriptDisclosureTxt.substring(0, scriptDisclosureTxt.length - 2) + ' and ' + scripts[scriptsCount - 1] + ' scripts, which all set cookies. ';
|
|||
|
|
} else {
|
|||
|
|
if(language=="Italian")
|
|||
|
|
scriptsDisclosure = ' Utilizziamo lo script ' + scripts[0] + ' che imposta coockies.';
|
|||
|
|
else
|
|||
|
|
scriptsDisclosure = ' We use a ' + scripts[0] + ' script which sets cookies.';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Create overlay, vary the disclosure based on explicit/implied consent
|
|||
|
|
// Set our disclosure/message if one not supplied
|
|||
|
|
var html = '';
|
|||
|
|
html += '<div id="epd">';
|
|||
|
|
html += '<div id="cookiesdirective" style="position:'+ settings.css +';'+ settings.position + ':-300px;left:0px;width:100%;';
|
|||
|
|
html += 'height:auto;background:' + settings.backgroundColor + ';opacity:.' + settings.backgroundOpacity + ';';
|
|||
|
|
html += '-ms-filter: “alpha(opacity=' + settings.backgroundOpacity + ')”; filter: alpha(opacity=' + settings.backgroundOpacity + ');';
|
|||
|
|
html += '-khtml-opacity: .' + settings.backgroundOpacity + '; -moz-opacity: .' + settings.backgroundOpacity + ';';
|
|||
|
|
html += 'color:' + settings.fontColor + ';font-family:' + settings.fontFamily + ';font-size:' + settings.fontSize + ';';
|
|||
|
|
html += 'text-align:center;z-index:1000;">';
|
|||
|
|
html += '<div style="position:relative;height:auto;width:90%;padding:10px;margin-left:auto;margin-right:auto;">';
|
|||
|
|
|
|||
|
|
if(!settings.message) {
|
|||
|
|
if(settings.explicitConsent) {
|
|||
|
|
// Explicit consent message
|
|||
|
|
if(language=="Italian"){
|
|||
|
|
settings.message = 'Questo sito utilizza i cookies. Alcuni di questi sono essenziali per il corretto funzionamento del sito e per questo sono impostati automaticamente. ';
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
settings.message = 'This site uses cookies. Some of the cookies we ';
|
|||
|
|
settings.message += 'use are essential for parts of the site to operate and have already been set. ';
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// Implied consent message
|
|||
|
|
if(language=="Italian"){
|
|||
|
|
settings.message = 'Abbiamo salvato alcuni cookies sul tuo browser per una migliore esperienza di navigazione del sito. ';
|
|||
|
|
if(settings.implicitAcceptOnTimeout)
|
|||
|
|
{
|
|||
|
|
settings.message += "Chiudendo questo banner, scorrendo questa pagina, cliccando su un link o proseguendo la navigazione in altra maniera, acconsenti all'uso dei cookie. "
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
settings.message = 'We have placed cookies on your computer to help make this website better. ';
|
|||
|
|
if(settings.implicitAcceptOnTimeout)
|
|||
|
|
{
|
|||
|
|
settings.message += "By closing this banner, scrolling this page, clicking on a link or proceeding navigation in any other way, you agree to the use of cookies. "
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
html += settings.message;
|
|||
|
|
|
|||
|
|
// Build the rest of the disclosure for implied and explicit consent
|
|||
|
|
if(settings.explicitConsent) {
|
|||
|
|
// Explicit consent disclosure
|
|||
|
|
if(language=="Italian"){
|
|||
|
|
html += scriptsDisclosure + 'Puoi decidere di bloccare o cancellare tutti i cookies da questo sito, ma parte di questo potrà non funzionare correttamente. ';
|
|||
|
|
html += 'Per saperne di più vedi la <a style="color:'+ settings.linkColor + ';font-weight:bold;';
|
|||
|
|
html += 'font-family:' + settings.fontFamily + ';font-size:' + settings.fontSize + ';"';
|
|||
|
|
//html+=' href="../_js/'+ settings.privacyPolicyUri + '">privacy policy</a>.<br/>';
|
|||
|
|
html+=' href="'+ settings.privacyPolicyUri + '">privacy policy</a>.<br/>';
|
|||
|
|
html += '<div id="epdnotick" style="color:#ca0000;display:none;margin:2px;"><span style="background:#cecece;padding:2px;">Devi selezionare la casella "Accetto i cookies per questo sito" per accettare</span></div>';
|
|||
|
|
html += '<div style="margin-top:5px;">Accetto i cookies per questo sito <input type="checkbox" name="epdagree" id="epdagree" />';
|
|||
|
|
html += '<input type="submit" name="explicitsubmit" id="explicitsubmit" value="Accetta"/><br/></div></div>';
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
html += scriptsDisclosure + 'You may delete and block all cookies from this site, but parts of the site will not work.';
|
|||
|
|
html += 'To find out more about cookies on this website, see our <a style="color:'+ settings.linkColor + ';font-weight:bold;';
|
|||
|
|
html += 'font-family:' + settings.fontFamily + ';font-size:' + settings.fontSize + ';"';
|
|||
|
|
//html+=' href="../_js/'+ settings.privacyPolicyUri + '">privacy policy</a>.<br/>';
|
|||
|
|
html+=' href="'+ settings.privacyPolicyUri + '">privacy policy</a>.<br/>';
|
|||
|
|
html += '<div id="epdnotick" style="color:#ca0000;display:none;margin:2px;"><span style="background:#cecece;padding:2px;">You must tick the "I accept cookies from this site" box to accept</span></div>';
|
|||
|
|
html += '<div style="margin-top:5px;">I accept cookies from this site <input type="checkbox" name="epdagree" id="epdagree" /> ';
|
|||
|
|
html += '<input type="submit" name="explicitsubmit" id="explicitsubmit" value="Continue"/><br/></div></div>';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
// Implied consent disclosure
|
|||
|
|
var labelBottone="";
|
|||
|
|
if(language=="Italian"){
|
|||
|
|
if(settings.implicitAcceptOnTimeout)
|
|||
|
|
labelBottone="Nascondi questo messaggio";
|
|||
|
|
else
|
|||
|
|
labelBottone="Non visualizzare più questo messaggio";
|
|||
|
|
|
|||
|
|
html += scriptsDisclosure + 'Per maggiori dettagli visita <a style="color:'+ settings.linkColor + ';';
|
|||
|
|
html += 'font-weight:bold;font-family:' + settings.fontFamily + ';font-size:' + settings.fontSize + ';" href="'+ settings.privacyPolicyUri + '">privacy policy</a>.';
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
if(settings.implicitAcceptOnTimeout)
|
|||
|
|
labelBottone="Hide this message";
|
|||
|
|
else
|
|||
|
|
labelBottone="Do not show this message again";
|
|||
|
|
|
|||
|
|
html += scriptsDisclosure + ' More details can be found in our <a style="color:'+ settings.linkColor + ';';
|
|||
|
|
html += 'font-weight:bold;font-family:' + settings.fontFamily + ';font-size:' + settings.fontSize + ';" href="'+ settings.privacyPolicyUri + '">privacy policy</a>.';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html += '<div style="margin-top:5px;"><input type="submit" name="impliedsubmit" id="impliedsubmit" value="'+labelBottone+'"/></div></div>';
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
html += '</div></div>';
|
|||
|
|
$('body').append(html);
|
|||
|
|
|
|||
|
|
// Serve the disclosure, and be smarter about branching
|
|||
|
|
var dp = settings.position.toLowerCase();
|
|||
|
|
if(dp != 'top' && dp!= 'bottom') {
|
|||
|
|
dp = 'top';
|
|||
|
|
}
|
|||
|
|
var opts = { in: null, out: null};
|
|||
|
|
if(dp == 'top') {
|
|||
|
|
opts.in = {'top':'0'};
|
|||
|
|
opts.out = {'top':'-300'};
|
|||
|
|
} else {
|
|||
|
|
opts.in = {'bottom':'0'};
|
|||
|
|
opts.out = {'bottom':'-300'};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Start animation
|
|||
|
|
$('#cookiesdirective').animate(opts.in, 1000, function() {
|
|||
|
|
// Set event handlers depending on type of disclosure
|
|||
|
|
if(settings.explicitConsent) {
|
|||
|
|
// Explicit, need to check a box and click a button
|
|||
|
|
$('#explicitsubmit').click(function() {
|
|||
|
|
if($('#epdagree').is(':checked')) {
|
|||
|
|
// Set a cookie to prevent this being displayed again
|
|||
|
|
setCookie('cookiesDirective',1,365);
|
|||
|
|
// Close the overlay
|
|||
|
|
$('#cookiesdirective').animate(opts.out,1000,function() {
|
|||
|
|
// Remove the elements from the DOM and reload page
|
|||
|
|
$('#cookiesdirective').remove();
|
|||
|
|
location.reload(true);
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
// We need the box checked we want "explicit consent", display message
|
|||
|
|
$('#epdnotick').css('display', 'block');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
// Implied consent, just a button to close it
|
|||
|
|
$('#impliedsubmit').click(function() {
|
|||
|
|
// Set a cookie to prevent this being displayed again
|
|||
|
|
setCookie('cookiesDirective',1,365);
|
|||
|
|
// Close the overlay
|
|||
|
|
$('#cookiesdirective').animate(opts.out,1000,function() {
|
|||
|
|
// Remove the elements from the DOM and reload page
|
|||
|
|
$('#cookiesdirective').remove();
|
|||
|
|
location.reload(true);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Set a timer to remove the warning after 'settings.duration' seconds
|
|||
|
|
setTimeout(function(){
|
|||
|
|
$('#cookiesdirective').animate({
|
|||
|
|
opacity:'0'
|
|||
|
|
},2000, function(){
|
|||
|
|
$('#cookiesdirective').css(dp,'-300px');
|
|||
|
|
//se è esplicito imposto il cookie e
|
|||
|
|
if(!settings.explicitConsent && settings.implicitAcceptOnTimeout)
|
|||
|
|
{
|
|||
|
|
// Set a cookie to prevent this being displayed again
|
|||
|
|
setCookie('cookiesDirective',1,365);
|
|||
|
|
location.reload(true);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}, settings.duration * 1000);
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
})(jQuery);
|