JavaScript :: Aufgabe #5
3 Lösungen
DSGVO Cookiemeldung ausgeben
Anfänger - JavaScript
von syneex
- 15.05.2018 um 15:51 Uhr
Passend zur Einführung der neuen DSGVO Richtlinien, hier eine wirklich kleine Aufgabe:
Programmieren Sie eine Cookiemeldung die bei erstmaligem Betreten der Website angezeigt wird. Diese soll einen kurzen Text beinhalten welcher zum Beispiel sein könnte: "Diese Websites nutzt Cookies. Mit der Nutzung der Website erkläre sie sich damit einverstanden." Ein kleiner Button soll diese Meldung dann verschwinden lassen. Solange er nicht gedrückt ist, bleibt die Meldung angezeigt.
Das Design der Meldung ist hierbei ziemlich egal. Sie können die Meldung am Kopf der Website, bei dem Footer oder auch einfach in die Mitte als "Pop-up" positionieren. Farben und andere designtechnische Anpassungen sind ebenfalls ihre Wahl.
Grüße und Viel Erfolg :)
Programmieren Sie eine Cookiemeldung die bei erstmaligem Betreten der Website angezeigt wird. Diese soll einen kurzen Text beinhalten welcher zum Beispiel sein könnte: "Diese Websites nutzt Cookies. Mit der Nutzung der Website erkläre sie sich damit einverstanden." Ein kleiner Button soll diese Meldung dann verschwinden lassen. Solange er nicht gedrückt ist, bleibt die Meldung angezeigt.
Das Design der Meldung ist hierbei ziemlich egal. Sie können die Meldung am Kopf der Website, bei dem Footer oder auch einfach in die Mitte als "Pop-up" positionieren. Farben und andere designtechnische Anpassungen sind ebenfalls ihre Wahl.
Grüße und Viel Erfolg :)
Lösungen:
HTML-Code
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Cookie Banner Test</title>
</head>
<body style="background-color: #0B84D3">
<button type="button" onclick="clearCookies()">ClearCookies and reload page</button>
<footer style="position: absolute; bottom: 0; left: 0; right: 0; background-color: lightgrey; text-align: center; height: 2em">Cookie Hinweis <button type="button" onclick="setCookie()">Akzeptieren</button></footer>
</body>
</html>
<script type="application/javascript">
function setCookie()
{
document.cookie = "TestPageCookies=Accepted";
document.getElementsByTagName('footer')[0].style.display = "none";
}
function clearCookies()
{
document.cookie="TestPageCookies=;expires=Wed; 01 Jan 1970";
location.reload();
}
window.addEventListener("DOMContentLoaded", function (evt) {
if (document.cookie.indexOf("TestPageCookies=Accepted") >= 0)
{
document.getElementsByTagName('footer')[0].style.display = "none";
}
}, false)
</script>
JavaScript-Code
alert("Diese Website benutzt Cookies um das Nutzungserlebnis zu verbessern!
Durch das Klicken auf OK und der Weiteren benutzung dieser Seite geben sie sich damit einverstanden!
JavaScript-Codealert("Diese Website verwendet Cookies! Durch das verwenden der Seite stimmen sie diesem zu!");