Bootstrap 3 - Footer Cookie Alert/Banner

cookie.js

jQuery(function($) {

    checkCookie_eu();

    function checkCookie_eu()
    {

        var consent = getCookie_eu("cookies_consent");

        if (consent == null || consent == "" || consent == undefined)
        {
            // show notification bar
            $('#cookie_directive_container').show();
        }

    }

    function setCookie_eu(c_name,value,exdays)
    {

        var exdate = new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value = escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
        document.cookie = c_name + "=" + c_value+"; path=/";

        $('#cookie_directive_container').hide('slow');
    }


    function getCookie_eu(c_name)
    {
        var i,x,y,ARRcookies=document.cookie.split(";");
        for (i=0;i<ARRcookies.length;i++)
        {
            x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
            y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
            x=x.replace(/^\s+|\s+$/g,"");
            if (x==c_name)
            {
                return unescape(y);
            }
        }
    }

    $("#cookie_accept a").click(function(){
        setCookie_eu("cookies_consent", 1, 30);
    });

});

index.html

        <div id="cookie_directive_container" class="container" style="display: none">
            <nav class="navbar navbar-default navbar-fixed-bottom">

                <div class="container">
                <div class="navbar-inner navbar-content-center" id="cookie_accept">

                    <a href="#" class="btn btn-default pull-right">Close</a>
                    <p class="text-muted credit">
                      By using our website you are consenting to our use of cookies in accordance with our <a href="/cookies">cookie policy</a>.
                    </p>
                    <br>

                </div>
              </div>

            </nav>
        </div>

Hey thanks for such a great light-weight cookie policy banner.

Personally, I wouldn' make it so when you click on the cookie policy link it sets the cookie, only after they explicitly click on the button instead, i.e.

$("#cookie_accept .btn").click(function(){
            setCookie_eu("cookies_consent", 1, 30);
});

By default, most people will likely want the cookie policy in a separate window, so I'd suggest your template could use target="_blank".