SO - 16478128

by Arun P Johny

HTML

<fieldset class="one-third column">
    <label for="">Radius van de kaart (km)</label>
    <input type="range" min="5" max="20" value="5" step="5" onchange="showValue(this.value)" />
    <span id="range">5</span>
</fieldset>

<div class="one-third column">
    <a class="full-width button margin-top25" href="home.html" onclick="opslaan(); return false">
        Opslaan
    </a>
</div>

JavaScript

alert(readCookie('radius'));


function opslaan()
{
    createCookie('radius',document.getElementById("range").innerHTML,8);
}

function readCookie(name) 
{
    var nameEQ = name + "=";
    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,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

window.setValue = function(){
    opslaan()
}

window.getValue = function(){
    alert(readCookie('radius'))
}

function showValue(newValue)
{
    document.getElementById("range").innerHTML=newValue;
}