Solved

Need help with drop down menus, not applet or flash based.

Posted on 2007-04-11
7
255 Views
Last Modified: 2013-11-19
Hello there,

I would like to add drop down menus to a website that are not flash or java applet based (java script is fine though : )  

An example of what I would like to do is on the top bar at www.newegg.com , when you mouse over them a submenu pops up right below the tab.  I usually use DreamWeaver as my design program but i'm not afraid of a little code, any tutorial or code samples would be appreciate.

Thanks for the help,

JTCollins
0
Comment
Question by:JTCollins
7 Comments
 
LVL 9

Assisted Solution

by:fuzzboxer
fuzzboxer earned 100 total points
ID: 18890586
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 150 total points
ID: 18891778
Hi JTCollins,

Suckerfish is pretty good.  I prefer A List Apart's stuff:

http://alistapart.com/articles/horizdropdowns

Just FYI, there is a built-in behavior for DW (Show Popup Menus) that will also work, but I only recommend people use it if they are afraid of getting dirty with the code.  This doesn't appear to be the case with you, so use a third party code.

Googling for "CSS drop down menu" or "DHTML drop down menu" will produce tons and tons of free code for you.
0
 
LVL 9

Expert Comment

by:fuzzboxer
ID: 18891811
Like jason mentioned, there are tons of free code out there.

Here's another great resource, Listamatic:  http://css.maxdesign.com.au/index.htm
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 29

Expert Comment

by:rdivilbiss
ID: 18892324
No need to get complicated for such a simple menu design.

http://www.rodsdot.com/ee/popOverMenu1.asp

Codes in the page.
0
 
LVL 1

Author Comment

by:JTCollins
ID: 18895023
Thanks for everything so far, I'm looking over it all, my big problem was I was googling java drop downs, and good lord do those look terrible.

Thanks for setting me straight and I'll finish up soon.

JT
0
 
LVL 1

Author Comment

by:JTCollins
ID: 18909526
Ok, so here's the skinny.

I was able to get the sucker fish code to work, but two things, It's a little more complicated than I would like, and 2 I want to attach the menus to existing images instead of creating text based drop down boxes.  ( I know I know, would have be helpful info to post.)

The alistapart code helped me out but I went with a different code set called AnyLink Drop Down Menu- © Dynamic Drive

It's older code and won't sit well with text only browsers, but I'm ok with that for the moment.

I'm having a problem when I attach the menu to a hyperlink map in firefox, and the highlight function isn't working in  IE 7 yet but I'm getting there.

Thanks for all the help everyone
0
 
LVL 1

Author Comment

by:JTCollins
ID: 18909530
Sry for the dbl post, reason I picked Jason 1178 as the solution is I found my answer by googling DHTML Drop Downs.

JT
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now