Keskustelu: Nettisivujen teko: Reagointi URLin #-osan muutoksiin

Otsikko on varmaan vähän huono kuvaus kysymyksestäni mutta parempaan en pysty. (Mod. auttoi.)

Kysymykseni on että jos minulla on tällainen skripti, jolla haetaan #:n jälkeen tuleva arvo, sitä ei saa muutettua muuten kuin päivittämällä sivun. Esimerkki: http://sivut.net/#arvo1 antaa alert-ikunnassa tuloksen arvo1. Jos arvo1:n muuttaa joksikin muuksi, enter:llä painaminen ei tepsi vaan sivu tarvitsee päivittää F5:lla. Onko tätä mahdollista muuttaa jotekin?

Ongelma on se että sivua tarvitsee aina päivittää vaan pelkkä osoiteriviin tehty muutos ja enterillä painamienn ei toimi.

 // Get # parameter
var param = document.URL.split('#')[1];
alert(param);

Saatan olla tässä asissa kujalla, mutta onko tämän urlin rakenne tehty samalla tavalla: http://grooveshark.com/#!/search/song?q=

Tietenkään JS-koodia ei ajeta maagisesti uudelleen, jos sivua ei ladata uudelleen. Voit laittaa JS-koodin tarkistamaan muutoksia ajastimella säännöllisin välein, tai voit kuunnella nykyselaimista löytyvää hashchange-tapahtumaa. Hakemasi tieto muuten löytyy helpommin kohdasta window.location.hash ilman splittiä.

Ko. osa on englanniksi hash, ja tuolle löytyy ihan oma eventtinsä. Jos haluat tukea vanhempia selaimia niin käytä jotain kirjastoa, esim. History.js.

EDIT: Metabolix ehtikin ensin, tässä vielä koodi tuohon kuunteluun

window.addEventListener('hashchange', function(e) {
    alert(window.location.hash);
}, false);

Kiitos paljon teille molemmille! :)
Näillä ohjeilla päästiin etiäppäin.