DSGVO Cookiemeldung ausgeben

3 Lösungen

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 :)

Bitte melden Sie sich an um zur Aufgabenbeschreibung eine Frage zu stellen.

Frage stellen

Bitte melden Sie sich an um eine Lösung einzureichen.

Lösung einreichen

von Holzi (430 Punkte) - 29.08.2018 um 12:26 Uhr

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>