pushstate

I have page that is doing the routing on clientside, using history API & push/popstate. Which works just fine on all the modern browsers. (search engines will be supported by node.js prerenderer) However, I recently bumped into issue where IE doesn't fire popstate on hashchange while, while pushstate with urls works just fine, including IE11. For example, like so... $(document).on('click', 'a', function(e) { e.preventDefault(); History.pushState({}, '', $(this).attr('href')); }); ...which correctly fires... $(window).on('popstate', function() { console.log('url changed'); }); According the W3C

I try to implement pushstate history on my website in order to load content from a single.php page inside a index.php container. My website have two main page : index.php and single.php . On the index.php there are links that call pushstate script: <a class="phplink" href="/Formlabs-3D-printer" title="Formlabs 3D printer">Post 12</a> <a class="phplink" href="/Minimal-Bumper-for-iPhone-5" title="Minimal Bumper for iPhone 5">Post 11</a> On my single.php page I use isset get method to dynamically load content that correspond to clicked link on index.php: <?php if (isset($_GET["page"])) { //I do

I want to change html without reload. I do it like: $('#left_menu_item').click(function(e) { if (!!(window.history && history.pushState)) { e.preventDefault(); history.pushState(null, null, newUrl); } }); It works correctly. But if I want to go back with "Back" button - browser change url on previous, but it not reload page. Why? this behaviour is expected and is in accordance with the specifications of manipulating the history stack. this is a relatively complex problem to explain. but in short think of it as this: any history entry the user pushes on the history stack (using pushState etc)

I'd like to preserve the back button functionality when loading pages via AJAX (jQuery load method) and pushing the URL to the browser bar via the history.pushState method. The problem occurs when one clicks on the browser back button and the 1st click only restores the previous URL but does not load the previous page. Here's my code so far: $(function(){ var profile_url= "/profile"; $('#click_button').click(function(){ $('#main_content').load(profile_url); history.pushState({profile:profile_info}, "profile", profile_url); }); }); My question is is there any way to do an AJAX load of the

The pushState method accepts a state object. Firefox documents say the maximum size of this object is 640kb. Is it defined in the specs what the smallest maximum size a browser can implement is? Can I reasonably expect major browsers to provide me with at least 100kb? EDIT: I tested it out with Chrome, and it was still working for state objects over 1MB. No. The normative document here is http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#dom-history-pushstate and it doesn't even mention a limit for the data size. A different limit is suggested however: User agents may

I am using this type of line in an JS response if (history && history.pushState){ history.pushState(null, null, '<%=j home_path %>'); } but when I click back in the browser, I see the JS code of the response instead of the previous page. Is there a way to make the back button work so it would re-request the page of the last url (before home_path as pushStated in? Update : I've found this .. it seems other have the same issue with.. History.js doesn't fix it either So to confirm some of the comments there.. This happens only in chrome What I think I think the root of all this is that the

How can I check if the browser you are using supports the HTML5 history api? As you can see here http://caniuse.com/#search=history only chrome +ff4 and several others supports this and I wish to do something else if they cant support this. How can I make some kind of an if statement for this checking? Gaurav if (window.history && window.history.pushState) See also this All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything You can detect support for history management (as well as many other browser features) using Modernizr . if (Modernizr.history) You can use canisuse.js