Use anchors/hashbangs in the URL to trigger functions on load?

Question

Say someone is linked to the url, example.com/#boom

Can the hashbang in the url, #boom be linked to triggering a function like boom() on the page?

Thanks!

Hmm, JQuery may do. http://stackoverflow.com/questions/807271/how-to-launch-jquery-fancybox-on-page-load — Caffeinated, Sep 01 '11 at 18:34

score 4 · Accepted Answer · answered Sep 01 '11 at 18:32

I think you want to do something like this:

window.onload = function(){
  var hash = location.hash.substr(1);
  if(typeof window[hash] == "function")
    window[hash]();
};

If the function specified in the hash exists, then it will be called on page load.

score 1 · Answer 2 · answered Sep 01 '11 at 18:32

1

Not sure to understand what you really want... On your web page, you can add code that runs at page load, that examines the URL and that calls a suitable function accordingly. You will want to use window.location for this.

answered Sep 01 '11 at 18:32

ChrisJ

5,161
25
20

Look at Digital Plane's code, it's the kind of stuff I was talking about. – ChrisJ Sep 01 '11 at 18:35

score 0 · Answer 3 · answered Sep 01 '11 at 18:34

Easily done with JavaScript:

if( window.location.hash ){
    var currentHash = window.location.hash;
    alert( "Yup! " + currentHash + " is set." );
}else{
    alert( "Nope!" );   
}

Now this is an example. Obviously you would want to call your call back function instead of outputting currentHash.

For more information on calling the function: http://w3future.com/html/stories/callbacks.xml

score 0 · Answer 4 · answered Sep 01 '11 at 18:34

0

Maybe something like this:

window.onload = function(){ // Page onload
    if(location.hash == "#boom"){ // Hash is "boom"
        boom(); // call function boom()
    }
}

answered Sep 01 '11 at 18:34

Floern

33,559
24
104
119

Use anchors/hashbangs in the URL to trigger functions on load?

4 Answers4