browser-history

As is well known, in XHR (aka AJAX) web applications no history for your app is build and clicking the refresh button often moves the user out of his/her current activity. I stumbled upon location.hash (e.g. http://anywhere/index.html#somehashvalue ) to circumvent the refresh problem (use location.hash to inform your app of it's current state and use a page load handler to reset that state). It's really nice and simple. This brought me to thinking about using location.hash to track the history of my app. I don't want to use existing libraries, because they use iframes etc. So here's my nickel

It's amazing, I constantly see this working in other sites but never in sites that I'm working on. I'm bringing in new content with ajax, I know about history.js and the History API, I do not want to change the URL, just have the browser cache the new HTML content so when a user leaves the page and comes back using the back button, it still has the updated HTML. I see this working all the time in other sites without URL changes or using the hash #. Is there a trick to get it to work or is it randomly decided by the browser? If I don't want to use the URL to have this information, is there an

I have this code here: <script type="text/javascript"> function goFunction(){ history.pushState("google.ca", "GOOGLE CANADA", "http://www.google.ca"); return event.preventDefault(); } </script> and <a href="#" onclick="javascript:goFunction();">GO</a> when I click on my link, I get this error in my error log: Uncaught SecurityError: A history state object with URL 'http://www.google.ca/' cannot be created in a document with origin 'http://cowelllaserhair.com'. you can see this at: http://cowelllaserhair.com/test.html What am I doing wrong? Do I need to reference something? Thanks, J The URL

Using the html5 window.history API, I can control the navigation pretty well on my web app. The app currently has two states: selectDate (1) and enterDetails (2). When the app loads, I replaceState and set a popState listener: history.replaceState({stage:"selectDate",...},...); window.onpopstate = function(event) { that.toStage(event.state.stage); }; When a date is selected and the app moves to stage 2 I push state 2 onto the stack: history.pushState({stage:"enterDetails",...},...); This state is replaced anytime details change so they are saved in the history. There are three ways to leave

Is it possible with JavaScript to change the browser's URL, but not leave the page? In older browsers, you can not change the url in the address bar without leaving the page. But you can change the hash portion of the url without leaving the page. That is to say you can change www.example.com to www.example.com#new_text with JavaScript window.location.hash = "new_text" ; everything after the # can be changed. However, in HTML5 there is a new History API which allows you to change the part of the URL after the domain. So you still cannot change www.example.com to www.BankOfAmerica.com (for

I am using History API for my web app and have one issue. I do Ajax calls to update some results on the page and use history.pushState() in order to update the browser's location bar without page reload. Then, of course, I use window.popstate in order to restore previous state when back-button is clicked. The problem is well-known — Chrome and Firefox treat that popstate event differently. While Firefox doesn't fire it up on the first load, Chrome does. I would like to have Firefox-style and not fire the event up on load since it just updates the results with exactly the same ones on load. Is