jQuery: creare una soluzione semplice per gestire il banner della cookie policy

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 );