Dupa cum probabil ati observat deja, pe forumurile forumgratuit a aparut de ceva timp acest banner:
Atunci cand un utilizator da click pe butonul Accept sau pe butonul Inchideti, pagina este reincarcata, iar bannerul dispare. Codul creat de mine salveaza modificarile si sterge bannerul fara a mai fi nevoie de reincarcarea paginii.
Acest cod se adauga in gestiunea codurilor javascript, cu plasamentul pe toate paginile. De asemenea, codul adauga clasa cookie-banner pentru cei ce doresc sa modifice design-ul acestui element.
Daca va este util codul, lasati un comentariu si distribuiti link-ul acestui topic, iar daca observati o eroare, nu ezitati sa ne anuntati.
Atunci cand un utilizator da click pe butonul Accept sau pe butonul Inchideti, pagina este reincarcata, iar bannerul dispare. Codul creat de mine salveaza modificarile si sterge bannerul fara a mai fi nevoie de reincarcarea paginii.
Cod:
function _query(e) {
return document.querySelectorAll(e);
}
function listen(elem, event, cback) {
return elem.addEventListener(event, (e) => {
cback(e);
})
}
listen(document, "DOMContentLoaded", () => {
var btns = _query("#accept_rgpd, #close_rgpd"),
parent, p;
if (!btns.length) return;
parent = btns[0].parentElement.parentElement.parentElement.parentElement;
parent.classList.add("cookie-banner");
btns.forEach((b) => {
p = b.parentElement;
p.appendChild(b.cloneNode(true));
b.remove();
listen(p.children[0], "click", (e) => {
e.preventDefault();
document.cookie = "dntfa_banner=1;";
parent.remove();
})
})
});
Acest cod se adauga in gestiunea codurilor javascript, cu plasamentul pe toate paginile. De asemenea, codul adauga clasa cookie-banner pentru cei ce doresc sa modifice design-ul acestui element.
Daca va este util codul, lasati un comentariu si distribuiti link-ul acestui topic, iar daca observati o eroare, nu ezitati sa ne anuntati.