homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

best dropdown menu technique

10+ Year Member

Msg#: 5555 posted 7:40 pm on Jun 9, 2006 (gmt 0)

Hello. I'm wondering what people are using for drop down menu javascript.

In my case my designers build alot of sites where the primary nav is images for the main categories, then we do dropdowns if
we need to expand.

Currently I'm just using the standard Macromedia solution, which in my opinion isnt all that great at all. I want as little extra code as possible. Any thoughts?



10+ Year Member

Msg#: 5555 posted 4:57 pm on Jun 14, 2006 (gmt 0)

nobody has any input?


WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 5555 posted 1:00 pm on Jun 15, 2006 (gmt 0)

Votes for the Suckerfish menus, very little Javascript (Google Suckerfish.)


10+ Year Member

Msg#: 5555 posted 12:51 am on Jun 19, 2006 (gmt 0)

can you even use suckerfish for a nav thats all images?


5+ Year Member

Msg#: 5555 posted 2:46 am on Jun 19, 2006 (gmt 0)

I use xara menu maker. It seems to be able to do everything I need, including targeting frames and iframes.


5+ Year Member

Msg#: 5555 posted 2:08 pm on Jun 19, 2006 (gmt 0)

One little tip. If you implement a menu system that relies on Javascript, it's an idea to provide an alternative menu for users that have script disabled.

I do this using the following method:

Within the body of the document I have something like the following

<div id="htmlMenu">
Your HTML Anchor links here
<div id="javaMenu" style="visibility:hidden">
Your Javascript dependant menu system here

Then within the Head of the document you can inlude:

<script type="text/javascript">




If the user has Javascript disabled, they see the default html style menu. If javascript is enabled, the htmlMenu system is hidden, and the Javascript dependant menu system is presented.

Personally, I build every menu system from scratch as a tailor made method for the site in question. Each site has it's own hiararchical structure. Whenever I attempt to use one of the "standard" methods, I find some exception that causes it to be unsuitable for this particular example. Such as wanting some menu selections open prompts for data. I've always found the only way to get exactly what I want is to build it myself.


5+ Year Member

Msg#: 5555 posted 5:02 am on Jun 28, 2006 (gmt 0)


I'm a user of Sothink DHTMLMenu. I love this program. You have no need to write a single line of JS. It can work as extension of DW and FP.

A userful tool for webmasters. Vote for it.


WebmasterWorld Senior Member 10+ Year Member

Msg#: 5555 posted 4:45 pm on Jun 28, 2006 (gmt 0)

Tigra Menu by Softcomplex is pretty good, but you'd need to do just a bit of CSS tweaking to get it to do all images.


5+ Year Member

Msg#: 5555 posted 8:06 pm on Jul 2, 2006 (gmt 0)

Right on rocknbil ...

Suckerfish menu rules, works with most browsers, easy to impliment, my company uses it! I use it, my friends use it! It completly customizable and i have found this great as when i get a design to develop into a website i can get the whole entire site to look exatly like the design with no buggy menus!



5+ Year Member

Msg#: 5555 posted 9:22 am on Jul 13, 2006 (gmt 0)

Another way to make drop down menu:

This menu was made by CSS. But it's hard to use image in this menu.


5+ Year Member

Msg#: 5555 posted 9:50 pm on Jul 19, 2006 (gmt 0)

I have a similar problem. I use a floating icon in the upper left corner (planted with CSS) in some long documents to represent a drop down navigation menu. The JavaScript code is similar to "Contents" pulldown menu at www.quirksmode.org (i.e., click on the icon and you get a "Contents" navigation pulldown), except the content links are pre-marked with a special class.

This works fine on Mozilla, FireFox, etc., but not on Safari or IE.

On IE, the menu always pops up at the top of the page (i.e., setting the menu's x,y position in the document is useless), which is annoying. I currently get around this by refocusing on the menu, but this makes the cancel useless (since you've moved to the top of the document). I hope to fix it using MSFT's dynamic CSS. Does anyone have a better idea?

On Safari, the pulldown works as it does in IE, but clicking on any item does nothing. It's as if the local links in the page do not exist. If anyone knows what I need to do, PLEASE let me know.

Also, I don't have a JavaScript/DOM debugger for Safari. If anyone knows of a good one could you PLEASE point me in the right direction. The Apple developer site claims to have several, but I don't want to install, then uninstall, any useless packages. I had to rebuild an XP box to repair problems caused by one IE debugger. Alert is to painful and slow.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved