# Pull Down Menus

**URL:** <https://forum.kirupa.com/t/pull-down-menus/26247>\
**Category:** programming\
**Created:** [July 21, 2003, 11:18am UTC](https://forum.kirupa.com/t/pull-down-menus/26247 "2003-07-21T11:18:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sdrawkcaB](https://avatars.discourse-cdn.com/v4/letter/s/22d042/32.png) [@sdrawkcaB](https://forum.kirupa.com/u/sdrawkcaB)\
**Post date:** [July 21, 2003, 11:18am UTC](https://forum.kirupa.com/t/pull-down-menus/26247/1 "2003-07-21T11:18:31Z")

</div>

Howdy, I know how to make one, I have the script, but how do I modify it in terms of color? And text color and font and size and whatnot?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 22, 2003, 5:27am UTC](https://forum.kirupa.com/t/pull-down-menus/26247/2 "2003-07-22T05:27:12Z")

</div>

can we see the script? it might make it easier to help out

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 23, 2003, 9:15am UTC](https://forum.kirupa.com/t/pull-down-menus/26247/3 "2003-07-23T09:15:00Z")

</div>

Heres what I was using to generate one:

[http://javascript.internet.com/generators/drop-down-menu.html](http://javascript.internet.com/generators/drop-down-menu.html)

I have other scripts for it saved, but they’re all different…  
\<HTML\>  
\<HEAD\>  
\<BODY\>  
\<form name=“jump”\>  
\<select name=“menu” onChange=“location=document.jump.menu.options[document.jump.menu.selectedIndex].value;” value=“GO”\>  
\<option value="#"\>--------------------\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>Kirupa\</option\>  
\<option value=“[http://www.kirupaforums.com](http://www.kirupaforums.com)”\>Kirupa Forums\</option\>  
\<option value=“[http://www.htmlgoodies.com](http://www.htmlgoodies.com)”\>HTML Scripts!\</option\>  
\</select\>  
\</form\>  
\</BODY\>  
\</HTML\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 23, 2003, 9:26am UTC](https://forum.kirupa.com/t/pull-down-menus/26247/4 "2003-07-23T09:26:30Z")

</div>

\<HTML\>  
\<HEAD\>  
\<BODY\>  
\<script language=“JavaScript”\>  
\<!–  
function MM\_jumpMenu(targ,selObj,restore){ [//v3.0](https://v3.0)  
eval(targ+".location=’"+selObj.options[selObj.selectedIndex].value+"’");  
if (restore) selObj.selectedIndex=0;  
}  
//–\>  
\</script\>  
\<select name=“menu1” onChange=“MM\_jumpMenu(‘parent’,this,0)” style=“BACKGROUND-COLOR: #31425A; COLOR: #CFDBE5; FONT-FAMILY:  
verdana, helvetica, arial; FONT-SIZE: 10px” size=“1”\>  
\<option selected\>/.what you wanna do?./\</option\>  
\<option value="#"\>------\</option\>  
\<option value=“[http://www.htmlgoodies.com](http://www.htmlgoodies.com)”\>• HTML Goodies\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>• Kirupa\</option\>  
\<option value=“[http://www.kirupaforums.com](http://www.kirupaforums.com)”\>• Kirupa Forums\</option\>  
\<option value="#"\>------\</option\>  
\</select\>  
\</BODY\>  
\</HTML\>  
I took the script from another site, so I guess I got it… Thanks guys.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 23, 2003, 10:03am UTC](https://forum.kirupa.com/t/pull-down-menus/26247/5 "2003-07-23T10:03:38Z")

</div>

I just noticed that the links won’t work, any reason why?

```php
<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)" style="BACKGROUND-COLOR: #31425A; COLOR: #CFDBE5; FONT-FAMILY:
verdana, helvetica, arial; FONT-SIZE: 10px" size="1">
<option selected>/.what you wanna do?./</option>
<option value="#">------</option>
<option value="http://www.htmlgoodies.com">• HTML Goodies</option>
<option value="http://www.kirupa.com">• Kirupa</option>
<option value="http://www.kirupaforums.com">• Kirupa Forums</option>
<option value="#">------</option>
</select>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 25, 2003, 4:02pm UTC](https://forum.kirupa.com/t/pull-down-menus/26247/6 "2003-07-25T16:02:28Z")

</div>

[Sarcasm]  
Thanks Guys  
[/Sarcasm]

* * *

\<form\>  
\<select onChange=“location=options[selectedIndex].value;” style=“font-family:‘Tahoma’;color:#333333;background-color:#999999;font-weight:bold;font-size:10pt;” name=“select”\>  
\<option value=“store.htm”\>Where To, Boss?\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>Kirupa\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>KKirupa\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>KKKirupa\</option\>  
\<option value=“[http://www.kirupa.com](http://www.kirupa.com)”\>KKKKirupa\</option\>  
\</select\>  
\</form\>