homepage Welcome to WebmasterWorld Guest from 54.196.207.55
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
best dropdown menu technique
cuce




msg:1486914
 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?

 

cuce




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

nobody has any input?

rocknbil




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

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

cuce




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

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

drooh




msg:1486918
 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.

texmex




msg:1486919
 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>
<div id="javaMenu" style="visibility:hidden">
Your Javascript dependant menu system here
</div>

Then within the Head of the document you can inlude:

<script type="text/javascript">

window.onload=function(){
document.getElementById("htmlMenu").style.visibility="hidden";
document.getElementById("javaMenu").style.visibility="visible";

}

</script>

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.

dhtml




msg:1486920
 5:02 am on Jun 28, 2006 (gmt 0)

Hello,

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.

adni18




msg:1486921
 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.

scriptmasterdel




msg:1486922
 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!

...

dhtml




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

Another way to make drop down menu:
[sperling.com...]

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

chuckstarks




msg:3015062
 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