SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Member
    Join Date
    Jan 2005
    Location
    home
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    horizontal 'rise-up' menu

    Hi,

    Been looking for a tutorial on how to do a horizontal 'rise-up' menu, opposite of a drop-down menu. Not able to find one, although, plenty of drop-downs!

    Anybody know of a tutorial on how to do one?

    Jbonham

  2. #2
    SitePoint Member ipears's Avatar
    Join Date
    Aug 2004
    Location
    Rotterdam | NL
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what exactly do you mean by rise-up ???
    Better known as ipears

  3. #3
    SitePoint Member
    Join Date
    Jan 2005
    Location
    home
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I mean once a user mouseover's the menu link, a new sub-menu that contains, say 4 items, appears ABOVE the menu link, rather than below it.

    However, it is a moot point because I have discovered that to construct such a menu, be it rise-up or drop-down, and to have it function properly in all browsers, javascript is needed for the IE browser; I do not want javascript on my site, for accessability reasons.

  4. #4
    Massimiliano Bruno Giordano sid egg's Avatar
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    1,280
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    DynamicDrive.com should have some source code for you to look at, most of their stuff is Javascript, and lots is either NS/IE specific (NS being netscape, which might as well be Firefox they are almost the same engine).

    I couldn't give you a specific link because I don't really understand exactly what you need, but, you should be able to search around DD a bit.
    GamesLib.com - the slickest, most complete and
    easily navigatible flash games site on the web.

  5. #5
    SitePoint Addict
    Join Date
    Apr 2004
    Location
    Melbourne
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jbonham
    I mean once a user mouseover's the menu link, a new sub-menu that contains, say 4 items, appears ABOVE the menu link, rather than below it.

    However, it is a moot point because I have discovered that to construct such a menu, be it rise-up or drop-down, and to have it function properly in all browsers, javascript is needed for the IE browser; I do not want javascript on my site, for accessability reasons.
    It can still be accessible, so long as it degrades nicely in a browser without javascript. If you're using something like <ul> this shouldn't be much of a problem.

  6. #6
    SitePoint Member
    Join Date
    Nov 2003
    Location
    shropshire uk
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try http://www.youngpup.net/

    there is a dhtml system there that can be made to rise-up

  7. #7
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can also visit http://www.dynamicdrive.com

  8. #8
    SitePoint Enthusiast
    Join Date
    Nov 2003
    Location
    Canada
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is there a reason this cannot be done with CSS?

    I havn't tried it, and don't have time to give it a go now, but using the Suckerfish Dropdowns article on Alistapart should work fine. All you would have to do to maintain accessibility and get rid of the Javascript is make the top tier into links, so the :hover class works in IE.

  9. #9
    SitePoint Enthusiast
    Join Date
    Jan 2005
    Posts
    28
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My suggestion is you get an existing drop-down script and try to see how it works. Then manipulate the code conveniently to suit your rise-up goal.

  10. #10
    SitePoint Zealot toograffic's Avatar
    Join Date
    Mar 2002
    Location
    Sarasota, Florida
    Posts
    192
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Viagra or Levitra. But if it stays up longer than 4 hours call your doctor.
    The two most common elements in the universe are hydrogen
    and stupidity. - Harlan Ellison
    Retirement Communities and Senior Housing Options
    Freecycle.org

  11. #11
    SitePoint Enthusiast
    Join Date
    Dec 2004
    Location
    delaware
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Viagra or Levitra. But if it stays up longer than 4 hours call your doctor.
    haha, everytime I see that commercial I'm like what's so bad about that?

  12. #12
    SitePoint Addict Knightime's Avatar
    Join Date
    Jan 2003
    Location
    USA
    Posts
    376
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    and after 4 hours, would you really want a doctor. Isn't there a more suitable professional to handle these issues?
    Troy

  13. #13
    Sexiest Man Alive Parms18's Avatar
    Join Date
    Jun 2002
    Location
    USA
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DeeBs
    Is there a reason this cannot be done with CSS?

    I havn't tried it, and don't have time to give it a go now, but using the Suckerfish Dropdowns article on Alistapart should work fine. All you would have to do to maintain accessibility and get rid of the Javascript is make the top tier into links, so the :hover class works in IE.
    That's a great bit of code, but it has an annoying flicker effect depending on how you move your mouse on the dropdown.
    Parms18


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
  •