1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

how to get a navigation bar like this...

Discussion in 'HTML & Website Design' started by kev269, Aug 4, 2006.

  1. #1
    Hi,

    If you go to www.Play.com and look at the way their navigation system works, you can see that when you click on another button such as 'Electronics', the navigation buttons next to it do not reload when the page is refreshed to go to the 'Electronics' page. Only the 'Electronics' button and whatever is underneath reloads. This allows the page to load quicker because most of the buttons do not need to reload.

    Could someone please tell me what this method is called and what software allows me to do this? ImageReady?

    Thanks for your help.
     
    kev269, Aug 4, 2006 IP
  2. mad4

    mad4 Peon

    Messages:
    6,986
    Likes Received:
    493
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just looks like a normal tab driven menu to me. Maybe your browser is only loading the bits it needs to?
     
    mad4, Aug 4, 2006 IP
  3. kev269

    kev269 Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    is it possible that maybe there is some javascript or something which tells the site not to reload the rest of the buttons?
     
    kev269, Aug 4, 2006 IP
  4. DaVe™

    DaVe™ Peon

    Messages:
    347
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    it is possible, but it's not happening with this site... thats perfectly normal links on that menu, you can see by the fact that when you click on something, the address bar changes to a different page, tellin you that it has been reloaded
     
    DaVe™, Aug 4, 2006 IP
  5. FeelLikeANut

    FeelLikeANut Peon

    Messages:
    330
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Those graphics do refresh with the rest of the page. Once they have been downloaded, however, the browser saves them in cache, or "Temporary Internet Files".
     
    FeelLikeANut, Aug 4, 2006 IP
  6. JC007

    JC007 Active Member

    Messages:
    1,066
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    78
    #6
    Looks like there are just graphics nothing of coding, each tab has its own graph and html page.

    Hope this help.
     
    JC007, Aug 4, 2006 IP
  7. danielbruzual

    danielbruzual Active Member

    Messages:
    906
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    70
    #7
    Although that page does not use it, what you are looking for is called AJAX. It allows you to refresh or load only certain parts and when done properly it can save a lot of resources in your server.
     
    danielbruzual, Aug 4, 2006 IP
  8. haircorn

    haircorn Peon

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    You can use php to load new sections of a page without reloading the navigation. Using stricly php you only have 1 url, which is not great for seo so you should assign some variables with sections and do some mod rewrite to change the displayed urls. You can also use java to do this, and ajax, which is xml and java mixed.
     
    haircorn, Aug 5, 2006 IP
  9. safe_reader

    safe_reader Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I took a look at the site, and it certainly could do with some cleanup. Looking at a validator gave 294 errors. Eeeeek!

    Are you SURE you want to copy these guys?
     
    safe_reader, Aug 6, 2006 IP
  10. Yazari

    Yazari Peon

    Messages:
    180
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #10
    wow very nice navigation bar
     
    Yazari, Aug 7, 2006 IP