User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 392,263 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,617 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 7886 | Replies: 31
Reply
Join Date: Apr 2005
Posts: 30
Reputation: cath120 is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
cath120 cath120 is offline Offline
Light Poster

Easy drop down menu?

  #1  
Sep 4th, 2006
I put together a few pages of a fledgling site in Dreamweaver MX, so have set out the overall design including the menu bar. But I would like to make the menu bar into a drop down menu. I thought this would be easy but after searching for hours on the net and finding various codes, it proved much more difficult and confusing than I could ever imagine. So if anybody could suggest anything in any format: HTML, CSS, Javascript, or even Flash (which I have some experience of) I would be extremely grateful?

Regards

Catherine

PS I would also like any info on how to customize a scroll bar?
Last edited by cath120 : Sep 4th, 2006 at 9:22 am.
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation: FC Jamison is on a distinguished road 
Rep Power: 5
Solved Threads: 17
Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Solution Re: Easy drop down menu?

  #2  
Sep 5th, 2006
Is there such a thing as an easy drop down menu?

I have written a dropdown menu which I have attached to this post...

Simply modify array in the .js file to add/remove menu items.
The css file controls the look, and you can change the images for the menus from there.

The only note to keep in mind is that the css entry .topMenu { float: } is required for the menu to work. The javascript uses this entry to put the top menu buttons in the same order for both left and right float options.

If you have any questions, let me know.

As for modifying scrollbar colors, this is not possible under the xhtml DOCTYPE and only works in IE without a DOCTYPE.
Attached Files
File Type: zip jamExpressMenu.zip (5.4 KB, 61 views)
Reply With Quote  
Join Date: May 2006
Posts: 2,698
Reputation: WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold 
Rep Power: 14
Solved Threads: 219
Moderator
WaltP's Avatar
WaltP WaltP is offline Offline
Posting Maven

Re: Easy drop down menu?

  #3  
Sep 8th, 2006
I used this to add to one of my pages -- very simple.

I added document.theForm.theMenu.selectedIndex = 0;
after the window.open command to reset the selection.
Age is unimportant -- except in cheese
Reply With Quote  
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation: FC Jamison is on a distinguished road 
Rep Power: 5
Solved Threads: 17
Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Easy drop down menu?

  #4  
Sep 8th, 2006
huh?
Reply With Quote  
Join Date: May 2006
Posts: 2,698
Reputation: WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold WaltP is a splendid one to behold 
Rep Power: 14
Solved Threads: 219
Moderator
WaltP's Avatar
WaltP WaltP is offline Offline
Posting Maven

Re: Easy drop down menu?

  #5  
Sep 8th, 2006
Originally Posted by Deacon J View Post
huh?

Huh, what. can you be less vague?
Age is unimportant -- except in cheese
Reply With Quote  
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation: FC Jamison is on a distinguished road 
Rep Power: 5
Solved Threads: 17
Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Easy drop down menu?

  #6  
Sep 8th, 2006
Originally Posted by WaltP View Post
Huh, what. can you be less vague?


Well...I suppose I could have just put a question mark. :rolleyes:

I missed the link, so I had no clue what you were refering to.

Now that I actually clicked on it, I understand.

I'm not sure if this is the type of dropdown menu she was refering to, the one I posted isn't a form menu.
Reply With Quote  
Join Date: Apr 2005
Posts: 30
Reputation: cath120 is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
cath120 cath120 is offline Offline
Light Poster

Re: Easy drop down menu?

  #7  
Sep 10th, 2006
Hi Deacon J - Thank you very much for taking the trouble to respond ('but for the kindness of strangers' Blanche Dubois -Street car named desire). Your drop down menu really looks good. Your right in saying that WaltP's one isn't what I'm after, but thank you anyway WaltP).

Now I'm not sure if I'm capable of adapting this, so really appreciate your offer of additional help.

Would you be interested in a 'mentor' role, with remuneration of course?!

I might look at 'flash' alternatives first, as I have some experience with this, but if no go there, will return to trying to figure out your excellent drop down menu.

All the best - Catherine
Reply With Quote  
Join Date: Sep 2006
Posts: 20
Reputation: Mikeish is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
Mikeish Mikeish is offline Offline
Newbie Poster

Re: Easy drop down menu?

  #8  
Sep 11th, 2006
Originally Posted by Deacon J View Post
Is there such a thing as an easy drop down menu?

I have written a dropdown menu which I have attached to this post...

Simply modify array in the .js file to add/remove menu items.
The css file controls the look, and you can change the images for the menus from there.

The only note to keep in mind is that the css entry .topMenu { float: } is required for the menu to work. The javascript uses this entry to put the top menu buttons in the same order for both left and right float options.

If you have any questions, let me know.

As for modifying scrollbar colors, this is not possible under the xhtml DOCTYPE and only works in IE without a DOCTYPE.


Hello Deacon. I have found your Drop Down menu and also saw it to be the only Menu that seems to work out on my site with ease. I've spent a couple of hours adapting it to my site and fixing it up to suit my needs.

Then I went to update the drop down menu items and realized that my site requires a second sub menu (Like it drops down but then some items have a right arrow to continue with more menu items).

I'm using this for a nonprofit organization (a High School website) and have spent some time and really like your menu. I'll be sad if I can't seem to implement this feature into it and I've looked around but I honestly don't know how. I figured coming to the source of the code would be a start. If you don't think it would be easily possible then I'll just move on and look some more, but I'd really appreciate it.

Thank You,
--Mike
Reply With Quote  
Join Date: Jun 2004
Location: Hemet, CA
Posts: 427
Reputation: FC Jamison is on a distinguished road 
Rep Power: 5
Solved Threads: 17
Colleague
FC Jamison's Avatar
FC Jamison FC Jamison is offline Offline
Posting Pro in Training

Re: Easy drop down menu?

  #9  
Sep 11th, 2006
I'd have to write that.

If you have a day or two...I'll look in to it.

Right now I am in the middle or reinstalling my system (I'd forgotten how much software I had installed and downloading updates is taking forever).

FJ
Reply With Quote  
Join Date: Sep 2006
Posts: 20
Reputation: Mikeish is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
Mikeish Mikeish is offline Offline
Newbie Poster

Re: Easy drop down menu?

  #10  
Sep 11th, 2006
You'd be willing to? That'd be great! Yea I have a couple of days.. plenty of other things to do.

I really do appreciate this!


Thank you!!!
--Mike
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

DaniWeb JavaScript / DHTML / AJAX Marketplace
Thread Tools Display Modes

Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 7:24 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC