Format Drop down box

webmaniacal · Aug 25, 2006

OK! I got my embedded video player to play from a drop down box. Works great! What I would love to do is to format the drop down box a bit... every other choice a different color or something more exciting....does anyone know how to do this??? That would make a great effect! Thanks

xwb · Aug 27, 2006

Something like this?

Code:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Combo</title>
</head>
<body>
  <select size="1" name="D1" style="font-style: italic">
  <option value="1" style="color:#FF0000;">Alpha</option>
  <option value="2" style="color:#00FF00;">Bravo</option>
  <option value="3" style="color:#0000FF;">Charlie</option>
  <option selected value="4">Delta</option>
  </select>
</body>
</html>

webmaniacal · Aug 30, 2006

wow that is pretty neat...what i really meant was when you have similar to a formatted excel sheet where every other row is a different background color with the same font to sort of format the sheet... if that makes sense...i will play around with your code and see what i can do....thank you very much!

xwb · Aug 30, 2006

What you're looking for is background-color. Something like this

Code:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Combo</title>
</head>
<body>
  <select size="1" name="D1" style="font-style: italic;">
  <option value="1" style="color:#FF0000;background-color:##808000;">Alpha</option>
  <option value="2" style="color:#00FF00;background-color:#000000;">Bravo</option>
  <option value="3" style="color:#0000FF;background-color:#FFFFFF;">Charlie</option>
  <option selected value="4" style="background-color:#000000;">Delta</option>
  </select>
</body>
</html>

webmaniacal · Aug 30, 2006

xwb you really rock but that is the same effect as the first one

it looks pretty cool though

webmaniacal · Aug 31, 2006

oh duh...i just have to change the bg color i get it....thanks much!

Tylus · Oct 19, 2006

Im kinda feeling dumb, I used front page 2001 which seemed alot easier to me, but on 2003 i cant seem to figure out how to get the drop down boxes to link to other pages or email data. Anyone have any ideas?

Tylus · Oct 19, 2006

Further more if i have 4 drop down boxes, like lets just say for example. Color, Weight, Height, amount. How can i have the person click lets say red, 50 pounds, 6 foot, and 2 and click and submit button once instead of doing it with 4 different pages?

webmaniacal · Oct 19, 2006

Set the value of the selection in the pull down menu to the

http://www.yourpage.com

so that when they click it will select that page or you can do it in the code area. This particular example requires the visitor to use the "Go" button but you can modify it to not need that

<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="

http://www.yoursite.com/yourpage.html">Name

your page here
<option value="

http://www.yoursite.com/yourpage2.html">Name

yoru page 2</select>
<input type=button value="Go!" onClick="javascript:formHandler(this)">
</form>

examples of what you are talking about with three choices can be found here

http://www.trans4mind.com/personal_development/JavaScript/tripleMenu.htm

hth

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Format Drop down box

webmaniacal

Technical User

xwb

Programmer

webmaniacal

Technical User

xwb

Programmer

webmaniacal

Technical User

webmaniacal

Technical User

Tylus

Technical User

Tylus

Technical User

webmaniacal

Technical User

Similar threads

Part and Inventory Search

Sponsor