HTML Forum

**marshal** · 12-15-2010, 05:48 AM

I am looking for a cool HTML drop down menu script. Something not very complicated, but that works in most browsers.
Can someone help please?

**chrishirst** · 12-15-2010, 07:06 AM

HTML Code:

<select name="choice">
<option value="one">Choice One</option>
<option value="two">Choice Two</option>
<option value="three">Choice Three</option>
<option value="four">Choice Four</option>
<option value="five">Choice Five</option>
</select>

Will work in ALL browsers.

**TurboLizard** · 12-15-2010, 07:46 AM

We adapted

http://lwis.net/free-css-drop-down-m...orizontal.html

on our website listed below on the sig, it's never easy, we had some css issues existing on our website where the div layers underneath were floating on top of the menu, and we had to pay a coder to look into it and sort it out for us, it cost us $65 in total so it wasn't all bad.

I'm not sure where the html code above does, but what I found was that without a jquery it's very difficult to make sure it works with IE6 and IE7, sometimes you have to sacrifice functionality.

As you can see from the two examples, the menu above is highly configurable, and we made it to look nice and fit in well with our exisiting site design.

We previously used a really clunky javascript based coded which was over 300kb in total size, the current menu is less than 50kb and renders really fast even on netbooks.

**chrishirst** · 12-15-2010, 07:53 AM

But they are not simply HTML solutions which is what the OP asked for.

You are assuming that he or she requires a more complex CSS/javascript NAVIGATION menu rather than a

Quote:

HTML drop down menu script

**TurboLizard** · 08:09 AM

Srry if I got this wrong, but my understanding is that what you posted was more of a HTML dropdown combobox or something, a menu is used more with navigation side of things rather than for filling, wouldn't you agree?

p.s. I made a html file out of the code you posted, so now I'm aware of what it does.

**PaulW** · 12-15-2010, 08:14 AM

" without a jquery it's very difficult to make sure it works with IE6 and IE7, sometimes you have to sacrifice functionality."! No it isn't.

**chrishirst** · 12-15-2010, 08:30 AM

Quote:

Originally Posted by TurboLizard

Srry if I got this wrong, but my understanding is that what you posted was more of a HTML dropdown combobox or something, a menu is used more with navigation side of things rather than for filling, wouldn't you agree?

p.s. I made a html file out of the code you posted, so now I'm aware of what it does.

A menu is something that allows users to make choices from the presented information, nothing more nothing less.

It requires more input to determine what type of menu ie:

navigation menu,
restaurant menu,
take-away menu.
etc. etc.

Certainly one could assume or speculate on what the OP meant and maybe get it right, but as with clients, it is better to get a fuller explanation of the requirements so you can make an informed judgement rather than make a guess.

And no it's not being pedantic, it's called experience.

**TurboLizard** · 12-15-2010, 10:46 AM

Haha OK, not going to argue with a mod. Hope someone finds the NAVIGATIONAL menu I posted up useful. And hopefully the OP finds at least one of our contributions useful, although the silence is deafening.

**CSM** · 12-15-2010, 11:29 AM

http://en.lmgtfy.com/?q=HTML+drop+down+menu

Nothing more to say...

**Html Web Design** · 12-20-2010, 12:36 AM

First, copy this Javascript and paste it exactly as is into the <HEAD> section of your document:

Code:

<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
   {
   if(mySel.form.target)myWin = parent[mySel.form.target];
   else myWin = window;
   if (! myWin) return true;
   myWin.location = myVal;
   }
return false;
}
//-->
</SCRIPT>

HTML CODE

Code:

<FORM 
     ACTION="../cgi-bin/redirect.pl" 
     METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Choose a Destination...

<OPTION VALUE="/tags/"                     >Guide to HTML
<OPTION VALUE="/"                          >Idocs Home Page
<OPTION VALUE="http://www.ninthwonder.com" >Ninth Wonder

</SELECT>

<INPUT TYPE=SUBMIT VALUE="Go">
</FORM>

**anthony922** · 12-20-2010, 04:31 AM

thanks for sharing

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!