drop down list

InfoInfo
Search:    

Adding a drop down list with or without different colors to Web Studio

Place this code in an HTML obj. on your page

<!-- ONE STEP TO INSTALL PULLDOWN MENU: 

   1.  Paste the code into the BODY of your HTML document  -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document  -->

<BODY>

<!-- Original:  Ricocheting (ricocheting@hotmail.com)  -->
<!-- Web Site:  http://free.prohosting.com/~ric  -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="None">Click Here ->  </option>
<option value="http://www.redtagalert.com">Arkansas</option>
<option value="http://www.crazyfaddiets.com">Iowa</option>
<option value="http://www.crazyfaddiets.com">Kansas</option>
<option value="http://www.crazyfaddiets.com">Missouri</option>
<option value="http://www.crazyfaddiets.com">Oklahoma</option>
</select>
</form>

Adding colors to your drop down list
[WWW]http://www.webstudioforum.com/viewtopic.php?topic=13928&forum=22 Gordon

<!-- ONE STEP TO INSTALL PULLDOWN MENU: 

1. Paste the code into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document -->

<BODY>

<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://free.prohosting.com/~ric -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option class="yellow"value="None">Click Here -> </option>
<option class="gray" value="http://www.redtagalert.com">Arkansas</option>
<option class="gray1"value="http://www.crazyfaddiets.com">Iowa</option>
<option class="gray" value="http://www.crazyfaddiets.com">Kansas</option>
<option class="gray1"value="http://www.crazyfaddiets.com">Missouri</option>
<option class="gray" value="http://www.crazyfaddiets.com">Oklahoma</option>
</select>
</form>

Place this code "inside page header"

<style tyle=text/css> 
option.gray {background-color: #f7f7f7; color: black;}
option.gray1 {background-color: #808080; color: white;}
</style>

You can change the variables to your own colors.

This is a Wiki Spot wiki. Wiki Spot is a 501(c)3 non-profit organization that helps communities collaborate via wikis.