SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2006
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation newbie...

    Greetings,

    I'll start by saying that I spend most of my time over in the CSS forum and have only recently begun to look at javascript as a powerful tool for implementing navigation systems. I found the "javascript resources" link at the top of this forum and I'm going to begin with the Basic Articles section to get me started.

    But while I'm beginning my tutorials on the basics of javascript, can anyone tell me if it's possible to do a nav bar like on this site using javascript and the DOM? I know this example is Flash, but I want to have main categories arranged horizontally and when the user mouses over the main headings, a second sub-category list appears horizontally beneath it.

    I'm not sure if there's a script that's readily available and you just plug in your own details or if I would need to start from scratch (quite an exercise given my very basic understanding of javascript).

    Thanks for your ideas and patience with the new learner!
    Pedro

  2. #2
    Non-Member
    Join Date
    Aug 2007
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hello,

    it is easier to do this with JavaScript than in flash. just kidding.

    Yes it can be done and also with plain CSS.

    regads

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    If possible I always favour CSS over Javascript for placement of menus and focus and hover states.

    http://www.pmob.co.uk/temp/dropdown-hoz-safe.htm

    There's just a simple javascript for making IE6< understand the mouse over events.


    Hope it helps

  4. #4
    SitePoint Enthusiast
    Join Date
    Aug 2006
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That should work nicely! Paul always has the best examples...

    Thanks,
    Pedro


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •