Cookie banner

by Vladimir

HTML

<div class="cookie">
<div class="cookie-close">&#10005;</div>
Наш сайт использует файлы cookie <a href="#">подробнее</a>
</div>

CSS

.cookie {
	display: none;
	position: fixed;
	height: 60px;
	background: #024602;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	color: #fff;
	box-sizing: border-box;
	line-height: 40px;
}
.cookie-close {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	color: #f00;
	font-size: 24px;
}
.show-cookie-notify .cookie {
	display: block;
}
.show-cookie-notify #colophon {
	margin-bottom: 60px;
}

JavaScript

function setCookie(name,value,days) {
	    var expires = "";
	    if (days) {
	        var date = new Date();
	        date.setTime(date.getTime() + (days*24*60*60*1000));
	        expires = "; expires=" + date.toUTCString();
	    }
	    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
	}
	function getCookie(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;
	}
	function eraseCookie(name) {   
	    document.cookie = name+'=; Max-Age=-99999999;';  
	}

	if(!getCookie('cookie-notification')) {
		$('body').addClass('show-cookie-notify');
	}

	$('body').on('click', '.cookie-close', function() {
		$('body').removeClass('show-cookie-notify');
		setCookie('cookie-notification',1,365);
	});