In jQuery possiamo implementare una soluzione molto semplice per gestire il banner della cookie policy.
Definiamo il seguente codice:
(function( $ ) {
$.cookiePolicy = function( options ) {
options = $.extend({
content: "",
bannerSelector: "#cookie-policy",
acceptBtn: "#cookie-policy-accept",
key: "cookie-accepted",
value: 1
}, options);
var accept = function() {
if( localStorage.getItem( options.key ) === null ) {
localStorage.setItem( options.key, options.value );
}
if( $( options.bannerSelector ).is( ":visible" ) ) {
$( options.bannerSelector ).fadeOut();
}
return false;
};
$( document ).on( "click", options.acceptBtn, accept );
$( window ).on( "scroll", accept );
if( !$( options.bannerSelector ).length ) {
$( "body" ).append( options.content );
}
if( localStorage.getItem( options.key ) === null ) {
$( options.bannerSelector ).fadeIn();
}
};
})( jQuery );