pushstate

My site has just implemented pushstates in Backbone.js and the entire site breaks for IE. How should I create a fallback for IE? What I am trying to achieve Main URL: http://mydomain.com/explore Another URL: 'http://mydomain.com/explore/1234 The main page of the site is http://mydomain.com/explore which triggers the router function explore . When a user visits http://mydomain.com/explore/1234 , Backbone's router will trigger the function viewListing , which is the same as function explore , but also includes details for item id 1234 . Backbone.js Router // Router var AppRouter = Backbone

I'm currently trying to build a new website, nothing special, nice and small, but I'm stuck at the very beginning. My problems are clean URLs and page navigation. I want to do it "the right way". What I would like to have: I use CodeIgniter to get clean URLs like "www.example.com/hello/world" jQuery helps me using ajax, so I can .load() additional content Now I want to use HTML5 features like pushstate to get rid of the # in the URL It should be possible to go back and forth without a page refresh but the page will still display the right content according to the current URL. It should also be

I know this has been asked many times before but answers were not descriptive enough to solve my problem. I don't want to change the whole URL of page. I want to append a parameter &item=brand on button click without refresh. Using document.location.search += '&item=brand'; makes the page refresh. Using window.location.hash = "&item=brand"; append without refresh but with a hash # which eliminates the usage/effect of the parameter. I tried to remove the hash after appending but that didn't work. This answer and many others suggest the use of HTML5 History API, specifically the history

In order to keep the IM Client logged in at all times Facebook avoids full page loads by using AJAX to load its pages before inserting them into the document. However, during Facebook AJAX requests the browser appears to be visibly loading; the reload button changes to an X, and the progress indicator built into the browser indicates loading/waiting etc) I've been able to implement AJAX based navigation successfully, but my browser doesn't show any indication of loading (since the requests are asynchronous) how do Facebook do it? Jeremy Banks The browser displays the loading state when there

I've been researching the best way to utilize HTML5's history api aka psuhState with a proper fallback for HTML4 browsers. Github uses the history api for its tree browsing (the following link is just an example, not the library github uses): https://github.com/browserstate/History.js/ What I can't figure out is how they handle this functionality for HTML4 browsers such as Firefox 3.5? I've looked at, specifically, history.js (linked above) to handle this sort of thing. But it requires a hash # implementation for HTML4 browsers which I'd like to avoid. If you visit Github and browse a

pushState support was introduced with Backbone.js' version 0.5 update. From the backbone documentation : Note that using real URLs requires your web server to be able to correctly render those pages, so back-end changes are required as well. For example, if you have a route of /documents/100, your web server must be able to serve that page, if the browser visits that URL directly. For full search-engine crawlability, it's best to have the server generate the complete HTML for the page ... but if it's a web application, just rendering the same content you would have for the root URL, and

I've created a site in backbone and for various reasons I've decided I want to remove the hash in the URL. I've changed history.start from Backbone.history.start(); to Backbone.history.start({pushState: true, root: '/'}); but once I do that the routing stops working correctly. My routing looks like this: var Router = Backbone.Router.extend({ routes: { "": "home", "home": "home", "artists": "artists", } }); var router = new Router; router.on('route:home', function() { console.log("home"); // Code }); router.on('route:artists', function() { console.log("artists"); // Code }); //Backbone.history