×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Format Drop down box

Format Drop down box

Format Drop down box

(OP)
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

RE: Format Drop down box

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>

RE: Format Drop down box

(OP)
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!


RE: Format Drop down box

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>

RE: Format Drop down box

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

it looks pretty cool though

RE: Format Drop down box

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

RE: Format Drop down box

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?

RE: Format Drop down box

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?

RE: Format Drop down box

(OP)
Set the value of the selection in the pull down menu to the 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

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close