CookieBanner aus Javascript.

So sieht es dann aus, Cookiebanner zum wegklicken

Dieses Banner und die Funktion kann man sich auf der Webseite https://wolust.de ansehen. Für dieses Script wird keine Javascript-Bibliothek benötigt.

Sourcecode:

<html>
<head>
document.cookie = "klicker";
function change()
{
// document.getElementById("d").style.visibility="hidden";
document.getElementById("d").style.display = "none";
}
function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.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 "";
}
var x = getCookie('klicker'); 
</script>
</head>
<body>
<div id="d" class ="small" style="background-color:lightgrey;"><span style="margin-left: 10px;"> Diese Seite benutzt Cookies Info: <a href="/datenschutz">🍪</a></span>
<span style="float:right; margin-right: 10px;"> <a href="#" onclick="document.cookie = 'klicker=Gedruckt; path=/'; change();">ok</a>
</span>
<script>
if (x == 'Gedruckt'){
change();
}
</script>
</div>
</body>
</html>

Diese Seite im eigenem Twitter /Mastodon   - Account empfehlen.
Besuche auch die anderen Seiten von mir: Linux und Technik oder Das SmaRPt
Datenschutz: Wenn Du Cookies erlaubst, werden sie benutzt! Keine Tracker. Keine nachgeladenen Scripts und Fonts von fremden Seiten.