Simple drop down menu

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 391,913 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 3,702 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.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1772 | Replies: 3 | Solved

•

Join Date: Jul 2007

Posts: 77

Reputation: reen.blom is an unknown quantity at this point

Rep Power: 2

Solved Threads: 1

reen.blom

Offline

Junior Poster in Training

Simple drop down menu

Jul 27th, 2007

Ok. I give up. I have read a 1000 and 1 tutorial online and still havent figured out what to do.

I have graphic buttons on my page with ImageReady generated Javascript, they change their rollover state.

I need to create a simple dropdown menu. Like with 2 items in it. I have found a lot of free Java script templates, but they are all way too complicated. Also found some "list" menues, but as with Java script they are tied to the menu buttons which are also made either by javaScript or as a list item. I fail to "tie" the menu to my graphic rollover buttons!

Could someone please help? I am really stuck! Hope it is not too confusing!

•

Join Date: Jul 2007

Posts: 77

Reputation: reen.blom is an unknown quantity at this point

Rep Power: 2

Solved Threads: 1

reen.blom

Offline

Junior Poster in Training

Re: Simple drop down menu

Jul 27th, 2007

Ok Here is an update:

Guess what? I poked Fireworks until it made a drop down menu! WOW this is like magic!

I am just wondering, how can I get the button to change AND have the menu dropdown? I wonder if it is possible at all?

The Rollover I had using

Help with Code Tags

(Toggle Plain Text)

<a href="#"
				onmouseover="changeImages('topevents', 'images/topevents-over.gif'); return true;"
				onmouseout="changeImages('topevents', 'images/topevents.gif'); return true;"
				onmousedown="changeImages('topevents', 'images/topevents-over.gif'); return true;"
				onmouseup="changeImages('topevents', 'images/topevents-over.gif'); return true;">

But now Fireworks generated me

Help with Code Tags

(Toggle Plain Text)

			<a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0728010700_0,0,49,null,'topevents');">

Thanks!

•

Join Date: Jul 2006

Location: Deptford, London

Posts: 936

Reputation: MattEvans has a spectacular aura about

Rep Power: 5

Solved Threads: 47

MattEvans

Online

Posting Shark

Re: Simple drop down menu

Jul 28th, 2007

Hybridize?

<a href="#" onmousedown="changeImages('topevents', 'images/topevents-over.gif'); return true;" onmouseup="changeImages('topevents', 'images/topevents-over.gif'); return true;" onmouseout="MM_startTimeout(); changeImages('topevents', 'images/topevents.gif'); return true;" onmouseover="MM_showMenu(window.mm_menu_0728010700_0,0,49,null,'topevents'); changeImages('topevents', 'images/topevents-over.gif'); return true;">

I haven't used 'code tags' for a good reason.

Note: You need to make sure that where more one statement ( a statement in javascript is terminated by a semicolon ) is put in a sequence; that return [something]; is only ever the LAST statement in that sequence.

Last edited by MattEvans : Jul 28th, 2007 at 2:18 am.

If it only works in Internet Explorer; it doesn't work.