CODEWITHSUNDEEP
phpjavascriptjquery
Alwayz Change
Alwayz Change

Reputation: 225

how to change url in browser url box?

I really wonder why facebook and google can change the url without reloading the page? they just change the block or content in their site.

I notice that when I am using facebook, when click on the "new feed" the url is "http://www.facebook.com/" and the page didn't reload, then i click on "messages" the url changed to "http://www.facebook.com/messages/" and the page still not reload just change the "content" block of the site.

So how do I change url without reloading the page?

edit: i got the answer.
there are 2 cases here:

hope this help to who have doubt like me.

Upvotes: 2

Views: 2248

Answers (4)

user4740004
user4740004

Reputation:

I code on JSBin.com, mainly use CSS and HTML (Abandoned Javascript loooong time ago) and have a question. For example a page's URL is http://www.codingrules.com/ Well, using HTML, How can I change that URL to for example http://www.ilovecoding.com

Upvotes: 0

Manual5355
Manual5355

Reputation: 982

Have you looked into the history API for Javascript?

http://diveintohtml5.ep.io/history.html

EDIT: You could also use mod_rewrite with apache and then, but that would cause a refresh.

Or there is this JQuery Plugin

http://www.asual.com/jquery/address/

Upvotes: 8

redShadow
redShadow

Reputation: 6777

The URL usually changes to http://facebook/#!messages, so the change of the "fragment" URL part doesn't make the browser reload the page. Instead, there is some JavaScript library that watches fragment changes and make appropriate requests in order to reload the page content.

The usage of #! is almost becoming a "standard" for doing these things, I've seen this used elsewhere (eg. on Twitter). I don't remember if they all use the same library or just the naming convention, but you should be able to dig about it on the fb/twitter developers pages.

Upvotes: 2

FtDRbwLXw6
FtDRbwLXw6

Reputation: 28889

You could look into the Content-Location HTTP header for this purpose. See here for more info.

Upvotes: 0

Related Questions