CookieBanner aus Javascript.

Cookies werden von Webseiten gerne benutzt. Die Meldung muß immer vom Betrachter weggeklickt werden können.

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. lolo