Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

best dropdown menu technique



7:40 pm on Jun 9, 2006 (gmt 0)

10+ Year Member

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?


4:57 pm on Jun 14, 2006 (gmt 0)

10+ Year Member

nobody has any input?


1:00 pm on Jun 15, 2006 (gmt 0)

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

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


12:51 am on Jun 19, 2006 (gmt 0)

10+ Year Member

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


2:46 am on Jun 19, 2006 (gmt 0)

5+ Year Member

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


2:08 pm on Jun 19, 2006 (gmt 0)

5+ Year Member

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:02 am on Jun 28, 2006 (gmt 0)

5+ Year Member


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.


4:45 pm on Jun 28, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

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.


8:06 pm on Jul 2, 2006 (gmt 0)

5+ Year Member

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!



9:22 am on Jul 13, 2006 (gmt 0)

5+ Year Member

Another way to make drop down menu:

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


9:50 pm on Jul 19, 2006 (gmt 0)

5+ Year Member

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.


Featured Threads

Hot Threads This Week

Hot Threads This Month