dev.enekoalonso.com » history http://dev.enekoalonso.com having fun with code Wed, 12 Oct 2011 21:40:17 +0000 en hourly 1 location.hash is dead (on html5 browsers) http://dev.enekoalonso.com/2011/05/18/location-hash-is-dead-on-html5-browsers/ http://dev.enekoalonso.com/2011/05/18/location-hash-is-dead-on-html5-browsers/#comments Wed, 18 May 2011 21:49:51 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=696 Pretty cool technique to actually change the url of the page (something until now impossible to do in Javascript for security reasons):
http://badassjs.com/post/840846392/location-hash-is-dead-long-live-html5-pushstate

Also good to read, the browser history MDC documentation:
https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

And finally, pjax, a new script that combines the use oj Ajax calls and this technique to manipulate the url to achieve a beautiful ajax navigation experience, with permalinks and without the need of using location.hash.
http://pjax.heroku.com/

Related Posts:

]]> http://dev.enekoalonso.com/2011/05/18/location-hash-is-dead-on-html5-browsers/feed/ 0 Modifying the URL Hash without affecting the browser history http://dev.enekoalonso.com/2008/12/29/modifying-the-url-hash-without-affecting-the-browser-history/ http://dev.enekoalonso.com/2008/12/29/modifying-the-url-hash-without-affecting-the-browser-history/#comments Mon, 29 Dec 2008 23:51:15 +0000 Eneko Alonso http://dev.enekoalonso.com/?p=223 Although this is not very common, some times you would like to modify the URL hash (this is the value after the # on the URL) without affecting the browser history. Let’s say you have multiple sets of tabs on your page or simply that your hash is going to change very often. But still want the user to be able to grab a permanent link to that page configuration.

The trick is to use the replace function, instead of directly assigning the value.

  1. // Direct assignment will add a new step to the history on browsers like Firefox 3
  2. window.location.hash = newHash;
  3. // Using the replace function changes the hash without affecting the browser history.
  4. window.location.replace(window.location.href.split('#')[0] + '#' +newHash);

Nice.

Related Posts:

]]> http://dev.enekoalonso.com/2008/12/29/modifying-the-url-hash-without-affecting-the-browser-history/feed/ 0