I just tried this code and it works well to detect URL,

<script type="text/javascript"> $(document).ready(function () {
    if(window.location.href.indexOf("#2") > -1) {
       alert("your on slide 2");
    } }); </script>

But not for my case.

In fact, I want to put this in a slideshow which works like this : www.slideshow/#1, www.slideshow/#2... etc

So this code run if I refresh the slide 2, but not if I acces to this slide by clicking on the Next Slide Button on the first slide. I hope you understand my problem and help me find a solution

Thank you very much !

I just tried this code and it works well to detect URL,

<script type="text/javascript"> $(document).ready(function () {
    if(window.location.href.indexOf("#2") > -1) {
       alert("your on slide 2");
    } }); </script>

But not for my case.

In fact, I want to put this in a slideshow which works like this : www.slideshow./#1, www.slideshow./#2... etc

So this code run if I refresh the slide 2, but not if I acces to this slide by clicking on the Next Slide Button on the first slide. I hope you understand my problem and help me find a solution

Thank you very much !

• javascript

Share Improve this question Follow edited Jan 26, 2013 at 14:59 user2166576 asked Jan 26, 2013 at 14:51 ClemeeentClemeeent 5111 silver badge1111 bronze badges 1

• you may finding pjax pjax.heroku. – farmer1992 Commented Jan 26, 2013 at 14:52

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

window.location.hash and onhashchange event are what you are looking for.

http://stereointeractive./blog/2008/11/21/javascript-get-window-hashanchor-get-link-target/

JavaScript/jQuery - onhashchange event workaround

You probably want to use the pushState API

You can then listen to the popstate event to see when the user navigates.

And if you want to support browsers that don't support this, you'll probably need a pushState polyfill