Beste,

Ik gebruik een scriptje op me site, die het mogelijk maakt dat mijn bezoekers de header images kunnen veranderen.
Het enige probleem is dat het nergens opgeslagen word.

Nu heb ik begrepen dat je met javascript dus ook een cookie kan opslaan.
Ik weet alleen totaal niet hoe ik dit moet combineren met het scriptje dat ik gebruik.

Zou iemand mij willen helpen ?

dit is het scriptje dat ik gebruik.

PHP Code:

<script type="text/javascript">
function changeIt(objName)
{
 
    var obj = document.getElementById(objName);
 
    var objId = new Array();
 
    objId[0] = "zwart";
    objId[1] = "zwart";
    objId[2] = "blauw";
    objId[3] = "groen";
    objId[4] = "roze";
    var i;
 
    var tempObj;
 
    for(i=0;i<objId.length;i++)
    {
        if(objName == objId[i])
        {
            obj.style.display = "block";
        }
        else
        {
            tempObj = document.getElementById(objId[i]);
            tempObj.style.display = "none";    
        }
    }
    return;    
}
</script>
 
 
<div id="zwart">
<img src="./header-img/nacht.png" border="0" alt="one" />
</div>
 
<div id="blauw" style="display:none">
<img src="./header-img/avond.png" border="0" alt="two" />
</div>
 
<div id="groen" style="display:none">
<img src="./header-img/middag.png" border="0" alt="three" />
</div>
 
<div id="roze" style="display:none">
<img src="./header-img/ochtend.png" border="0" alt="four" />
</div>
 
 
 
 
<a id="one" href="#" onclick="changeIt('zwart');"><img src="./header-img/zwart.png"></a> 
<a id="two" href="#" onclick="changeIt('blauw');"><img src="./header-img/blauw.png"></a> 
<a id="three" href="#" onclick="changeIt('groen');"><img src="./header-img/groen.png"></a> 
<a id="four" href="#" onclick="changeIt('roze');"><img src="./header-img/roze.png"></a> 


http://www.google.nl/search?hl=nl&so...&meta=&aq=0&oq=

Heb heel veel nuttige links gevonden, misschien dat je hier wat mee kan.

Beste Huso,

Bedankt voor je reactie, alleen had ik google al afgezocht.
Ik krijg er totaal geen wijsheid uit hoe ik het moet combineren, vandaar mij vraag.

Mocht er iemand een oplossing hebben hoor ik het graag.
Ik ga zelf ook door met zoeken en proberen.

Bedankt!

Niet getest, komt van deze website (http://www.quirksmode.org/js/cookies.html). Ergens halverwege de pagina.

Code:

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=/";
}

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 eraseCookie(name) {
    createCookie(name,"",-1);

}

Beste DannyVW,

Ik had hier ook een voorbeeld: http://www.w3schools.com/js/js_cookies.asp
Alleen vraag ik me eigen af of ik dit gewoon bij me eigen scriptje erin zet, of moet het nog speciaal erin gemaakt worden ?

Bij het wijzigen van je header zet je een cookie. Bij het laden van je website lees je de cookie weer uit en zet je de juiste header. Als de cookie niet bestaat pak je de default header.

Zoiets bedoel je toch? Met bovenstaande functies kun je dat realiseren.

Ja zoiets bedoel ik.
Alleen ben ik echt een leek met die dingen, dus ik zou niet weten hoe ik het moet doen.

Ik hoop dan ook, dat er iemand is die mij wil helpen.