Kreiere selbst ein Cookie

Mit diesem Script können Sie sich selbst ein Cookie setzen, das 30 Tage gespeichert bleibt. Das Cookie wird im Browser gespeichert. Mit aufruf der Einstellungsfunktion können sie es aber jederzeit löschen.

Ihr Vorname:
Ihr Nachname:
Ihre Emailadresse:



Das sind die gefundenen Cookies

Quellcode
<html>
<head>
<script>
function ListCookies(){
var result = document.cookie;
document.getElementById("p").innerHTML=result;}
</script>

<style type="text/css">
input {width: 50%; margin-bottom: 1em; margin-right: 0.5em;}
</style>
<head>

<body  onload="checkCookie()">
<table align="center" style="width: 70%" cellpadding="0" cellspacing="0" class="auto-style15">
<tr><td class="auto-style17" style="width: 30%">Ihr Vorname:</td>
<td class="auto-style17" style="width: 70%"><input type="text" name="Vorname" id="Vorname"></td></tr>
<tr><td class="auto-style17" style="width: 30%">Ihr Nachname:</td>
<td class="auto-style17" style="width: 70%"><input type="text" name="Nachname" id="Nachname"></td></tr>
<tr><td class="auto-style17" style="width: 30%">Ihre Emailadresse:</td>
<td class="auto-style17" style="width: 70%"><input type="text" name="Email" id="Email"></td></tr>
<tr><td class="auto-style17" colspan="2">
<p>
<br>
<button id="btn12">Setze das Cookie</button>
</p>

<script>
document.getElementById('btn12').addEventListener('click', createCookies);
document.getElementById("Vorname").value = getCookie("Vorname");
document.getElementById("Nachname").value = getCookie("Nachname");
document.getElementById("Email").value = getCookie("Email");
function createCookies(evt) { evt.preventDefault();
setCookie('Vorname', document.getElementById("Vorname").value);
setCookie('Nachname', document.getElementById("Nachname").value);
setCookie('Email', document.getElementById("Email").value);}
function setCookie(cname, cvalue, exdays) {
var d = new Date();
exdays = exdays || 30; // default to 30 days
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;}
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.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 "";}
</script>
<button onclick='ListCookies()'>Zeige die Cookies der Seite</button><br/>
<p id="p">Das sind die gefundenen Cookies</p>
</td></tr>
</table>
</body>

</html>