history.js
history.js copied to clipboard
browserstate
History.replaceState in IE9 adding Hash tag et. al.
I am trying to use history.js with IE 9.
If my URL looks like:
http://my.domain.com/autoshow
and I want to append "?last_page=2" to it..
I am doing History.replaceState({}, "", "?last_page=2") which works fine in Firefox and other HTML 5 browsers, but in IE 9 I get
http://my.domain.com/autoshowt#autoshow/?last_page=2
How can I stop IE9 from appending this extra # and repeating the last part of the URL?
TIA, Dan
ie9 doesn't support html5's history api, thus history.js fallsback to using the html4 hash behavior. This is the expected behavior on browsers that don't support the html5 history api.
http://caniuse.com/#search=history (notice ie doesn't have history support until ie10)
I get a similar issue as I state here https://github.com/balupton/history.js/issues/175 but IE 9 is a HTML4 browser not a HTML5 browser. I just wish you could get rid of all that extra stuff like create a cookie in the background instead so then it doesn't show up in the URL.
Right, but I thought this gem was supposed to get around that issue.
Isn't it?
On 4/12/2012 10:50 PM, lucianposton wrote:
ie9 doesn't support html5's history api, thus history.js fallsback to using the html4 hash behavior. This is the expected behavior on browsers that don't support the html5 history api.
http://caniuse.com/#search=history (notice ie doesn't have history support until ie10)
Reply to this email directly or view it on GitHub: https://github.com/balupton/history.js/issues/167#issuecomment-5107561
Dan Sadaka PristineEmail.com, a service of Website One, Inc. (305) 999-0151, (877) 706-7481
/“Lots of people want to ride with you in the limo, but what you want is someone who will take the bus when the limo breaks down.” - Oprah Winfrey/
It does a bit but not completely. I'm currently looking for better ways on how to accomplish this as this script gives you two URLS instead of just one simple one. The codes this guy is using don't go far enough as other codes do like https://github.com/defunkt/jquery-pjax which returns http://domain.com/{URLORPAGE} on every browser. I'm just trying to figure out a way how to strip that code from using ajax like interface as I believe it doesn't support POST.
There's no way to update the URL in IE until IE 10, as it doesn't support pushstate. Your options are:
- Use a workaround like history.js does with the # in the URL
- Don't update the URL in IE
- Do regular page requests instead of AJAX load
@93ben jQuery-pjax doesn't work at all in Internet Explorer - It falls back to regular page loads.
Hello,
I think the dsadaka's problem is'nt to add hashtag (#). This is the only way to work with HTML4 browser. But the issue is the addition off all last element of URL after the hash : #autoshow?last_page=2.
This is mine too.
I want just add the GET string after the hash. Like that : http://my.domain.com/autoshowt#?last_page=2 This is more beautyfull ^-^
@balupton, can you tell us if you are trying to solve the problem or if we have to look for another way to get it right ?
This also happens with full filenames (probably unsurprisingly), e.g. http://www.domain.com/page.html#page.html?id=test
Hi all,
@balupton what is the status of this right now?, I'm still experiencing the same behavior.
Thanks, Dario
You can't stop the hashtag to come in your URL when using IE because not using the hashtag will result in a page refresh.
I wrote a script to convert the history.js hashtagged URLs to the non hashtagged url : https://github.com/ludovic-decampy/html4-history-hash-original-url/
Hope it will help
It is possible to remove hashtag from url with
window.location.hash = ""
which will remove text after tag but will keep # symbol
