sitemap | terug naar het html5 referentie - events - overzicht
localStorage heeft gewerkt op deze pagina. Er is bij jou, op jouw eigen PC, dus niet op de server van de kompoos.nl, opgeslagen dat dit de e keer is, sinds , dat je deze pagina bezocht hebt. Als je de pagina nu refresht, én jouw browser behoort tot de "happy few" die overweg kunnen met onstorage, dan wordt er een alert gegeven dat er iets gewijzigd is door het localStorage "gebeuren".
Om onstorage op jouw pagina te laten werken (zoals op deze pagina), moet je de body-tag aanvullen met:
<body onstorage='alert("localStorage heeft data gewijzigd");' onload="start_storage();">
Plaats hierna het onderstaande javascript zo laag als mogelijk in de body-sectie van jouw pagina.
<script>
/*globals localStorage */
/*globals alert */
var opslaan,
tellen;
function start_storage() {
if (typeof(localStorage) === 'undefined') {
alert('jouw browser kent geen localStorage: upgrade jouw browser.');
} else {
if (localStorage.getItem("tijd") === null) {
var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth();
var year = currentDate.getFullYear();
opslaan = (day + "-" + month + "-" + year);
localStorage.setItem("tijd", opslaan);
}
if (localStorage.getItem("keer") === null) {
tellen = 1;
} else {
tellen = localStorage.getItem("keer");
tellen++;
}
localStorage.setItem("keer", tellen);
var tekstregel1 = (localStorage.getItem("tijd"));
var tekstregel2 = (localStorage.getItem("keer"));
document.getElementById("wanneer").innerHTML = tekstregel1;
document.getElementById("hoevaak").innerHTML = tekstregel2;
}
}
</script>