kdevnel
9/7/2016 - 1:25 PM

A simple banner that can be hidden and creates a cookie to stay hidden

A simple banner that can be hidden and creates a cookie to stay hidden

<div class="featured-banner-wrapper">
    <a id="featured-banner" title="<?=$Title; ?>" target="_blank" href="<?=$Link;?>">
        <div class="feat-banner-content">
            <div class="feat-banner-item">
                Enter your banner content here
            </div>
            <div class="feat-banner-button-wrapper">
                <div class="feat-banner-button">close</div>
            </div>
        </div>
    </a>
</div>

<script>
$(document).ready(function checkCookie(){
	var fbCookie=getCookie("cookieFB");
	if (fbCookie!="Hide Banner") {
		$('.featured-banner-wrapper').show();
		$('#fb-tab').click(function(){
			$('.featured-banner-wrapper').hide('','',setCookie('cookieFB'));
		});
	}
});

function getCookie(cname) {
    var name = cname + "=";
    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);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
function setCookie(cname) {
	var expTime = new Date();
	expTime.setTime(expTime.getTime() + (6*60*60*1000)); //add 6 hours to current time
	var expires = "expires="+ expTime.toUTCString();
	document.cookie = cname + "=Hide Banner;" + expires;
}
</script>