Hallo,

Ik ben even bezig met een scriptje; zie de volgende url: http://www.crazy-jessie.nl/crap/q/.

Het is dus de bedoeling dat uit de anchor (#) een waarde wordt uitgelezen en dat die (in deze testcase dan) op het scherm wordt weergegeven. Dus is allemaal geen probleem. Maar als je nu op 'vorige' of op 'volgende' klikt dan wordt de anchor niet opnieuw uitgelezen.

Ik zou zeggen probeer het even uit op de bovenstaande link; klik eerst op 'Home', dan 'Playlist', en dan 'Artists'. Klik nu eens op 'Vorige' in je browser, je ziet dat de anchor veranderd in de adres balk maar de waarde onder het menu veranderd niet.

Iemand een fix voor dit probleempje?

Thanks.

------------------------

Het script:

Code:

 
var last_page = null;
 
// Script opstarten.
 
function router()
{
    // Menu click afvangen.
 
    $('a.menu_link').click(
        function()
        {
            loadPage(this.id);
        }
    );
}
 
 
// Pagina laden.
 
function loadPage(page)
{
    document.location = "#"+page;
    linkCatcher();
}
 
 
// Link catcher.
 
function linkCatcher()
{   
    var p = document.location.hash.substring(1);
 
    if (p != last_page)
    {
        $('#page').html(p);
 
        last_page = p;    
    }
}
 
 
// Onload afvangen.
 
window.onload = function()
{
    router();
    linkCatcher();
}
 
 
// Blur afvangen.
 
window.onblur = function()
{
    linkCatcher();    
}

Kijk hier eens naar: http://nix.lv/history/demo.html (hier wordt door middel van een ajax request content ingeladen en werkt vorige en volgende wel correct.

top thanks :)