How to not keep history of html anchor

Question

I'm creating an image slider in css3 with the :target selector. I have a next and previous button that are executing this line of javascript

window.location = "#image" + image;

The problem is that if i click the back button of my browser, it shows the previous image of the slider. I want the back button to go to the previous page, not the previous anchor.

Thanks for the help

soooo, why exactly is it you're changing the hashtag of the URL if you don't need the hashtag history? — Zathrus Writer, Oct 11 '13 at 14:33
well the most simple thing would be to stop changing the url, and find another way to slide the images — Bobby5193, Oct 11 '13 at 14:33
I agree with that, i will probably change it to a jquery slider instead of css3 — Marc-André Therrien, Oct 11 '13 at 15:35

Pavlo · Answer 1 · 2013-10-11T14:53:16.653

4

Use History API:

history.replaceState({}, document.title, "#image" + image);

history.replaceState() operates exactly like history.pushState() except that replaceState() modifies the current history entry instead of creating a new one.

replaceState() is particularly useful when you want to update the state object or URL of the current history entry in response to some user action.

edited Oct 11 '13 at 14:53

answered Oct 11 '13 at 14:35

Pavlo

43,301
14
77
113

@Marc-AndréTherrien sorry, I've missed it. I think there is no way to use `:target` avoiding browser history. – Pavlo Oct 11 '13 at 15:37
I don't think so either, i'll probably change the whole thing – Marc-André Therrien Oct 11 '13 at 15:39

score 4 · Answer 2 · edited May 23 '17 at 12:28

4

window.location.replace("#image" + image);

This does a simple redirect without adding it to the history.
MDN: https://developer.mozilla.org/en-US/docs/Web/API/Location.replace
Previous question: What's the difference between window.location= and window.location.replace()?

edited May 23 '17 at 12:28

Community

1
1

answered Oct 11 '13 at 14:49

17xande

2,430
1
24
33

How to not keep history of html anchor

2 Answers2