need some help with a simple dropdown menu

Discussion in 'JavaScript' started by stevemtno, Feb 9, 2009.

  1. #1
    I'm not sure if this is the right forum for this question, but here goes...

    I need to create a simple dropdown menu. I've got the main nav working, I just need to get the subnav to appear.

    Currently, if you hover over an item in the nav, the image will change from black & red to red & black. What I need to do now is have a subnav appear (I have another image - 1000px wide- that I'm planning to use as a background image) below it with the appropriate subnav items on it.

    I'm guessing I need to have some javascript in here, but I really don't know where to begin.

    If anyone can give me some basic code to start with, I would greatly appreciate it.

    Here's a link to the page in progress: http://www.stltoday.com/go2

    Thanks!!

    SteveMTNO
     
    stevemtno, Feb 9, 2009 IP
  2. stevejoseph

    stevejoseph Member

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #2
    Drop down menus can be created using java or CSS there are plenty of free java scripts including java & css at dynamicdrive.com.

    see dynamicdrive.com/dynamicindex1/droptabmenu.htm
     
    stevejoseph, Feb 10, 2009 IP
  3. stevemtno

    stevemtno Guest

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi Stevejoseph,

    Thanks for the reply. Unfortunately, none of those examples will do what I need to do. What I'm looking for is a subnav that displays a row of items, as opposed to a column of items. I need to have the row of items appear on the 1000px wide image I mentioned in the original post.

    Any other suggestions, or did I miss something possibly?

    SteveMTNO
     
    stevemtno, Feb 10, 2009 IP
  4. stevejoseph

    stevejoseph Member

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    ok - i have created an example on my server see swanwebtech.co.uk/subnav/subnav.html you will also nee to obtain the menustyle.css file swanwebtech.co.uk/subnav/menustyle.css. I will be happy to email you these files directly if you so wish. You should be able to modify the css to get excatly what you need i.e. drop down width color etc.....
     
    stevejoseph, Feb 11, 2009 IP
  5. stevemtno

    stevemtno Guest

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I managed to get this working with some code from one of the other developers here. You can see the results at http://www.stltoday.com/go2
     
    stevemtno, Feb 11, 2009 IP