View Full Version : Google/Facebook style navigation menu bar

01-18-2009, 01:29 PM

I am trying to understand how the navigation bars of websites like google and facebook work.

I want the same functionality for my site - the ability to have a navigation bar that does not reload when a menu item is chosen. I would like to implement this functionality in the same way as google/facebook. (Not in some other way like having two frames and having one change the content of the other.)

Can anyone please explain the general concept of how the navigation menu bars work on google and facebook? I tried looking at the javascript source of google's home page, but it is hard to understand. I did notice on both sites that there is some kind of href replace that happens onclick of a menu item, but am not sure what it is doing.

(Im not looking for code, just a description of how it works would really save me!)

thank you!


01-19-2009, 01:21 PM
Wrong section, they use php.


Using that script it will only reload the content instead of the whole page

04-15-2010, 05:40 PM
you can do basically everything, I think you want to, on the client side, with a 99% straight html and css plus 1% javascript/jquery/fbml.

The concept is a simply a hierarchical combination of visible and hidden divisions all one page.

for a working example go to

if you can do it on facebook, you can do it anywhere!