JS:
/* ################################################################################
################################################################################
################################################################################
Ciasteczka
################################################################################
################################################################################
################################################################################*/
console.log('Skrypt ciasteczkowe jest');
/* Funckje pomocnicze */
function sajanSetCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function sajanGetCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
//console.log(sajanGetCookie('ciasteczkoweCiasteczko'));
if (sajanGetCookie('ciasteczkoweCiasteczko')=='true'){
//console.log('jest ciasteczko');
//console.log('ciasteczko: '+sajanGetCookie('ciasteczkoweCiasteczko'));
} else {
//console.log('nie ma ciasteczka');
wyswietlPopup();
}
function wyswietlPopup(){
jQuery('body').append('<div id="ciasteczka-popup"><img alt="ikonka ciasteczka" src="https://gooddrut.pl/wp-content/uploads/cookies-badge-gooddrut.png" ><h2>Drogi żytkowniku!</h2><p>Na niniejsze stronie dla Twojej wygody używamy ciasteczek (plików Cookies).<br>Są potrzebne by zapamięcać różne Twoje wybory i ustaienia i ułatwić Ci poruszanie się po witrynie.<br>Jeśli nie zgadzasz się na to, lub nie lubisz ciasteczek, opuść tę stronę, ale pewnie będziesz żałować.</p><div id="guzik-ciasteczka-popup" class="guzik">Ok</div></div>');
jQuery('#guzik-ciasteczka-popup').click(function(){
//console.log('kliknieto guzior w popupie trhreth');
jQuery('#ciasteczka-popup').remove();
sajanSetCookie('ciasteczkoweCiasteczko','true',999999);
});
}CSS:
/* Ciasteeczka */
#ciasteczka-popup {
background: rgb(0 0 0 / 95%);
position: fixed;
bottom: 0;
z-index: 999999;
width: 100%;
border: dashed 3px #9b9b9b;
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
align-items: center;
}
#ciasteczka-popup img {
width: 134px;
margin: 35px;
}
#ciasteczka-popup h2 {
margin: 0;
margin-bottom: 15px;
}
#ciasteczka-popup p{
text-align: center;
}
#ciasteczka-popup .guzik{
margin-bottom: 20px;
cursor: pointer;
}