jQuery - Using Load & Updating the URL in the Address Bar while supporting the Back Button

views:

answers:

+2 Q:

jQuery - Using Load & Updating the URL in the Address Bar while supporting the Back Button

I'm building a web app with jQuery & Rails. The web app loads pages with AJAX ... no page refresh.

When a user clicks on a link to load a new page via AJAX, i want to update the address bar. I also want to maintain the browser's back button support.

ideas?

Link to e.g. #page1 or #page2; this will keep you on the same page
Bind a function to these links that retrieves the window.location.hash
Load the relevant data, depending on the retrieved hash info

Alec 2010-10-02 00:52:35

so update the URL to a HASH.... but then if that gets bookmarked, how does the browser know what to do with /#projects for example?

WozPoz 2010-10-02 00:57:39

Call on the same function when the document is finished loading (using jQuery's `$(document).ready()` e.g.). That way it sees that the page was loaded with the hash `#projects`, and it'll update the page accordingly.

Alec 2010-10-02 01:01:33

+2 A:

I had the same demand on a project, this feature is called Deep link.

You just have to use a jQuery plugin called Address http://www.asual.com/jquery/address/, it makes everything easy. There is a wonderful documentation and examples on the site.

Thiago Diniz 2010-10-02 01:43:44

ansaurus

tags:

views:

answers:

jQuery - Using Load & Updating the URL in the Address Bar while supporting the Back Button

related questions