WeberDev.com PHP and MySQL Code

LOG IN
BEGINNER GUIDES |  PHP CLASSES |  CODE SEARCH |  ARTICLES SEARCH |  PHP FORUMS |  PHP MANUAL |  PHP FUNCTIONS LIST |  WEB SITE TEMPLATES
Start typing to search for PHP and MySQL Code Snippets and Articles Search
Submit a code Example / Snippet Join us on FaceBook
Submit a code Example / Snippet Submit Your Code
Poker Tournaments Poker Tournaments
Poker Guide for Developers Poker Guide for Developers
Search Engine Optimization Monitor SEO Monitor
Web Site UpTime Monitor UpTime Monitor
Your Personal Examples List My Favorite Examples
Your Personal Articles List My Favorite Articles
Edit Account Info Update Your Profile
More Weber Sites
PHP Code Search
Web Development Forums
Learn MySQL Playing Trivia
PHPBB2 Templates
Web Development Resources
Web Development Content
Internet Security Software
Recommended Links
PHPClasses
PHP Editor
PHP Jobs
Vision.To Design
Ajax Tutorials
PHP Programming Help
PHP/MySQL Programming
Webmaster Resources
Webmaster Forum
XML meta language
website builder
Recommended
פרייסז - הכח לקנות עובר לידיים שלך
Texas Holdem Poker Evangelists

Go Back Add a Comment Send this example to a friend Add this Article to your personal favoritest for easy future access to your favorite Code Examples and Articles. Submit a code example Print this code example.
BACK ADD A COMMENT SEND TO A FRIEND ADD TO MY FAVORITES ADD CODE EXAMPLES PRINT
PHP Code Examples Submit your own code snippets Latest Code Examples RSS Feed
Title : Creating a pull down menu with colors to choose (only for IE 4+)
Categories : HTML
Boaz Yahav
Date : Jan 03rd 2000
Grade : 1 of 5 (graded 1 times)
Viewed : 3892
File : select.html
Images : No Images for this code example.
Search : More code by Boaz Yahav
Action : Grade This Code Example
Tools : My Examples List
Code

Submit your own code examples  Submit your own code examples 
 

This code will create a pull down menu with various colors so that you can choose a color from
a menu instead of showing all of the colors on the page. It saves lot's of page space.


<FORM>
<select name="bgcolor" style="font-family:Arial; font-size:12px" size="1">
<OPTION SELECTED STYLE="background-color:ffffff; color:ffffff" value="ffffff">ffffff</OPTION>
<option style="background-color:000000; color:000000" value="000000">000000</option>
<option style="background-color:000033; color:000033" value="000033">000033</option>
<option style="background-color:000066; color:000066" value="000066">000066</option>
<option style="background-color:000099; color:000099" value="000099">000099</option>
<option style="background-color:0000cc; color:0000cc" value="0000cc">0000cc</option>
<option style="background-color:0000ff; color:0000ff" value="0000ff">0000ff</option>
<option style="background-color:003300; color:003300" value="003300">003300</option>
<option style="background-color:003333; color:003333" value="003333">003333</option>
<option style="background-color:003366; color:003366" value="003366">003366</option>
<option style="background-color:003399; color:003399" value="003399">003399</option>
<option style="background-color:0033cc; color:0033cc" value="0033cc">0033cc</option>
<option style="background-color:0033ff; color:0033ff" value="0033ff">0033ff</option>
<option style="background-color:006600; color:006600" value="006600">006600</option>
<option style="background-color:006633; color:006633" value="006633">006633</option>
<option style="background-color:006666; color:006666" value="006666">006666</option>
<option style="background-color:006699; color:006699" value="006699">006699</option>
<option style="background-color:0066cc; color:0066cc" value="0066cc">0066cc</option>
<option style="background-color:0066ff; color:0066ff" value="0066ff">0066ff</option>
<option style="background-color:009900; color:009900" value="009900">009900</option>
<option style="background-color:009933; color:009933" value="009933">009933</option>
<option style="background-color:009966; color:009966" value="009966">009966</option>
<option style="background-color:009999; color:009999" value="009999">009999</option>
<option style="background-color:0099cc; color:0099cc" value="0099cc">0099cc</option>
<option style="background-color:0099ff; color:0099ff" value="0099ff">0099ff</option>
<option style="background-color:00cc00; color:00cc00" value="00cc00">00cc00</option>
<option style="background-color:00cc33; color:00cc33" value="00cc33">00cc33</option>
<option style="background-color:00cc66; color:00cc66" value="00cc66">00cc66</option>
<option style="background-color:00cc99; color:00cc99" value="00cc99">00cc99</option>
<option style="background-color:00cccc; color:00cccc" value="00cccc">00cccc</option>
<option style="background-color:00ccff; color:00ccff" value="00ccff">00ccff</option>
<option style="background-color:00ff00; color:00ff00" value="00ff00">00ff00</option>
<option style="background-color:00ff33; color:00ff33" value="00ff33">00ff33</option>
<option style="background-color:00ff66; color:00ff66" value="00ff66">00ff66</option>
<option style="background-color:00ff99; color:00ff99" value="00ff99">00ff99</option>
<option style="background-color:00ffcc; color:00ffcc" value="00ffcc">00ffcc</option>
<option style="background-color:00ffff; color:00ffff" value="00ffff">00ffff</option>
<option style="background-color:330000; color:330000" value="330000">330000</option>
<option style="background-color:330033; color:330033" value="330033">330033</option>
<option style="background-color:330066; color:330066" value="330066">330066</option>
<option style="background-color:330099; color:330099" value="330099">330099</option>
<option style="background-color:3300cc; color:3300cc" value="3300cc">3300cc</option>
<option style="background-color:3300ff; color:3300ff" value="3300ff">3300ff</option>
<option style="background-color:333300; color:333300" value="333300">333300</option>
<option style="background-color:333333; color:333333" value="333333">333333</option>
<option style="background-color:333366; color:333366" value="333366">333366</option>
<option style="background-color:333399; color:333399" value="333399">333399</option>
<option style="background-color:3333cc; color:3333cc" value="3333cc">3333cc</option>
<option style="background-color:3333ff; color:3333ff" value="3333ff">3333ff</option>
<option style="background-color:336600; color:336600" value="336600">336600</option>
<option style="background-color:336633; color:336633" value="336633">336633</option>
<option style="background-color:336666; color:336666" value="336666">336666</option>
<option style="background-color:336699; color:336699" value="336699">336699</option>
<option style="background-color:3366cc; color:3366cc" value="3366cc">3366cc</option>
<option style="background-color:3366ff; color:3366ff" value="3366ff">3366ff</option>
<option style="background-color:339900; color:339900" value="339900">339900</option>
<option style="background-color:339933; color:339933" value="339933">339933</option>
<option style="background-color:339966; color:339966" value="339966">339966</option>
<option style="background-color:339999; color:339999" value="339999">339999</option>
<option style="background-color:3399cc; color:3399cc" value="3399cc">3399cc</option>
<option style="background-color:3399ff; color:3399ff" value="3399ff">3399ff</option>
<option style="background-color:33cc00; color:33cc00" value="33cc00">33cc00</option>
<option style="background-color:33cc33; color:33cc33" value="33cc33">33cc33</option>
<option style="background-color:33cc66; color:33cc66" value="33cc66">33cc66</option>
<option style="background-color:33cc99; color:33cc99" value="33cc99">33cc99</option>
<option style="background-color:33cccc; color:33cccc" value="33cccc">33cccc</option>
<option style="background-color:33ccff; color:33ccff" value="33ccff">33ccff</option>
<option style="background-color:33ff00; color:33ff00" value="33ff00">33ff00</option>
<option style="background-color:33ff33; color:33ff33" value="33ff33">33ff33</option>
<option style="background-color:33ff66; color:33ff66" value="33ff66">33ff66</option>
<option style="background-color:33ff99; color:33ff99" value="33ff99">33ff99</option>
<option style="background-color:33ffcc; color:33ffcc" value="33ffcc">33ffcc</option>
<option style="background-color:33ffff; color:33ffff" value="33ffff">33ffff</option>
<option style="background-color:660000; color:660000" value="660000">660000</option>
<option style="background-color:660033; color:660033" value="660033">660033</option>
<option style="background-color:660066; color:660066" value="660066">660066</option>
<option style="background-color:660099; color:660099" value="660099">660099</option>
<option style="background-color:6600cc; color:6600cc" value="6600cc">6600cc</option>
<option style="background-color:6600ff; color:6600ff" value="6600ff">6600ff</option>
<option style="background-color:663300; color:663300" value="663300">663300</option>
<option style="background-color:663333; color:663333" value="663333">663333</option>
<option style="background-color:663366; color:663366" value="663366">663366</option>
<option style="background-color:663399; color:663399" value="663399">663399</option>
<option style="background-color:6633cc; color:6633cc" value="6633cc">6633cc</option>
<option style="background-color:6633ff; color:6633ff" value="6633ff">6633ff</option>
<option style="background-color:666600; color:666600" value="666600">666600</option>
<option style="background-color:666633; color:666633" value="666633">666633</option>
<option style="background-color:666666; color:666666" value="666666">666666</option>
<option style="background-color:666699; color:666699" value="666699">666699</option>
<option style="background-color:6666cc; color:6666cc" value="6666cc">6666cc</option>
<option style="background-color:6666ff; color:6666ff" value="6666ff">6666ff</option>
<option style="background-color:669900; color:669900" value="669900">669900</option>
<option style="background-color:669933; color:669933" value="669933">669933</option>
<option style="background-color:669966; color:669966" value="669966">669966</option>
<option style="background-color:669999; color:669999" value="669999">669999</option>
<option style="background-color:6699cc; color:6699cc" value="6699cc">6699cc</option>
<option style="background-color:6699ff; color:6699ff" value="6699ff">6699ff</option>
<option style="background-color:66cc00; color:66cc00" value="66cc00">66cc00</option>
<option style="background-color:66cc33; color:66cc33" value="66cc33">66cc33</option>
<option style="background-color:66cc66; color:66cc66" value="66cc66">66cc66</option>
<option style="background-color:66cc99; color:66cc99" value="66cc99">66cc99</option>
<option style="background-color:66cccc; color:66cccc" value="66cccc">66cccc</option>
<option style="background-color:66ccff; color:66ccff" value="66ccff">66ccff</option>
<option style="background-color:66ff00; color:66ff00" value="66ff00">66ff00</option>
<option style="background-color:66ff33; color:66ff33" value="66ff33">66ff33</option>
<option style="background-color:66ff66; color:66ff66" value="66ff66">66ff66</option>
<option style="background-color:66ff99; color:66ff99" value="66ff99">66ff99</option>
<option style="background-color:66ffcc; color:66ffcc" value="66ffcc">66ffcc</option>
<option style="background-color:66ffff; color:66ffff" value="66ffff">66ffff</option>
<option style="background-color:990000; color:990000" value="990000">990000</option>
<option style="background-color:990033; color:990033" value="990033">990033</option>
<option style="background-color:990066; color:990066" value="990066">990066</option>
<option style="background-color:990099; color:990099" value="990099">990099</option>
<option style="background-color:9900cc; color:9900cc" value="9900cc">9900cc</option>
<option style="background-color:9900ff; color:9900ff" value="9900ff">9900ff</option>
<option style="background-color:993300; color:993300" value="993300">993300</option>
<option style="background-color:993333; color:993333" value="993333">993333</option>
<option style="background-color:993366; color:993366" value="993366">993366</option>
<option style="background-color:993399; color:993399" value="993399">993399</option>
<option style="background-color:9933cc; color:9933cc" value="9933cc">9933cc</option>
<option style="background-color:9933ff; color:9933ff" value="9933ff">9933ff</option>
<option style="background-color:996600; color:996600" value="996600">996600</option>
<option style="background-color:996633; color:996633" value="996633">996633</option>
<option style="background-color:996666; color:996666" value="996666">996666</option>
<option style="background-color:996699; color:996699" value="996699">996699</option>
<option style="background-color:9966cc; color:9966cc" value="9966cc">9966cc</option>
<option style="background-color:9966ff; color:9966ff" value="9966ff">9966ff</option>
<option style="background-color:999900; color:999900" value="999900">999900</option>
<option style="background-color:999933; color:999933" value="999933">999933</option>
<option style="background-color:999966; color:999966" value="999966">999966</option>
<option style="background-color:999999; color:999999" value="999999">999999</option>
<option style="background-color:9999cc; color:9999cc" value="9999cc">9999cc</option>
<option style="background-color:9999ff; color:9999ff" value="9999ff">9999ff</option>
<option style="background-color:99cc00; color:99cc00" value="99cc00">99cc00</option>
<option style="background-color:99cc33; color:99cc33" value="99cc33">99cc33</option>
<option style="background-color:99cc66; color:99cc66" value="99cc66">99cc66</option>
<option style="background-color:99cc99; color:99cc99" value="99cc99">99cc99</option>
<option style="background-color:99cccc; color:99cccc" value="99cccc">99cccc</option>
<option style="background-color:99ccff; color:99ccff" value="99ccff">99ccff</option>
<option style="background-color:99ff00; color:99ff00" value="99ff00">99ff00</option>
<option style="background-color:99ff33; color:99ff33" value="99ff33">99ff33</option>
<option style="background-color:99ff66; color:99ff66" value="99ff66">99ff66</option>
<option style="background-color:99ff99; color:99ff99" value="99ff99">99ff99</option>
<option style="background-color:99ffcc; color:99ffcc" value="99ffcc">99ffcc</option>
<option style="background-color:99ffff; color:99ffff" value="99ffff">99ffff</option>
<option style="background-color:cc0000; color:cc0000" value="cc0000">cc0000</option>
<option style="background-color:cc0033; color:cc0033" value="cc0033">cc0033</option>
<option style="background-color:cc0066; color:cc0066" value="cc0066">cc0066</option>
<option style="background-color:cc0099; color:cc0099" value="cc0099">cc0099</option>
<option style="background-color:cc00cc; color:cc00cc" value="cc00cc">cc00cc</option>
<option style="background-color:cc00ff; color:cc00ff" value="cc00ff">cc00ff</option>
<option style="background-color:cc3300; color:cc3300" value="cc3300">cc3300</option>
<option style="background-color:cc3333; color:cc3333" value="cc3333">cc3333</option>
<option style="background-color:cc3366; color:cc3366" value="cc3366">cc3366</option>
<option style="background-color:cc3399; color:cc3399" value="cc3399">cc3399</option>
<option style="background-color:cc33cc; color:cc33cc" value="cc33cc">cc33cc</option>
<option style="background-color:cc33ff; color:cc33ff" value="cc33ff">cc33ff</option>
<option style="background-color:cc6600; color:cc6600" value="cc6600">cc6600</option>
<option style="background-color:cc6633; color:cc6633" value="cc6633">cc6633</option>
<option style="background-color:cc6666; color:cc6666" value="cc6666">cc6666</option>
<option style="background-color:cc6699; color:cc6699" value="cc6699">cc6699</option>
<option style="background-color:cc66cc; color:cc66cc" value="cc66cc">cc66cc</option>
<option style="background-color:cc66ff; color:cc66ff" value="cc66ff">cc66ff</option>
<option style="background-color:cc9900; color:cc9900" value="cc9900">cc9900</option>
<option style="background-color:cc9933; color:cc9933" value="cc9933">cc9933</option>
<option style="background-color:cc9966; color:cc9966" value="cc9966">cc9966</option>
<option style="background-color:cc9999; color:cc9999" value="cc9999">cc9999</option>
<option style="background-color:cc99cc; color:cc99cc" value="cc99cc">cc99cc</option>
<option style="background-color:cc99ff; color:cc99ff" value="cc99ff">cc99ff</option>
<option style="background-color:cccc00; color:cccc00" value="cccc00">cccc00</option>
<option style="background-color:cccc33; color:cccc33" value="cccc33">cccc33</option>
<option style="background-color:cccc66; color:cccc66" value="cccc66">cccc66</option>
<option style="background-color:cccc99; color:cccc99" value="cccc99">cccc99</option>
<option style="background-color:cccccc; color:cccccc" value="cccccc">cccccc</option>
<option style="background-color:ccccff; color:ccccff" value="ccccff">ccccff</option>
<option style="background-color:ccff00; color:ccff00" value="ccff00">ccff00</option>
<option style="background-color:ccff33; color:ccff33" value="ccff33">ccff33</option>
<option style="background-color:ccff66; color:ccff66" value="ccff66">ccff66</option>
<option style="background-color:ccff99; color:ccff99" value="ccff99">ccff99</option>
<option style="background-color:ccffcc; color:ccffcc" value="ccffcc">ccffcc</option>
<option style="background-color:ccffff; color:ccffff" value="ccffff">ccffff</option>
<option style="background-color:ff0000; color:ff0000" value="ff0000">ff0000</option>
<option style="background-color:ff0033; color:ff0033" value="ff0033">ff0033</option>
<option style="background-color:ff0066; color:ff0066" value="ff0066">ff0066</option>
<option style="background-color:ff0099; color:ff0099" value="ff0099">ff0099</option>
<option style="background-color:ff00cc; color:ff00cc" value="ff00cc">ff00cc</option>
<option style="background-color:ff00ff; color:ff00ff" value="ff00ff">ff00ff</option>
<option style="background-color:ff3300; color:ff3300" value="ff3300">ff3300</option>
<option style="background-color:ff3333; color:ff3333" value="ff3333">ff3333</option>
<option style="background-color:ff3366; color:ff3366" value="ff3366">ff3366</option>
<option style="background-color:ff3399; color:ff3399" value="ff3399">ff3399</option>
<option style="background-color:ff33cc; color:ff33cc" value="ff33cc">ff33cc</option>
<option style="background-color:ff33ff; color:ff33ff" value="ff33ff">ff33ff</option>
<option style="background-color:ff6600; color:ff6600" value="ff6600">ff6600</option>
<option style="background-color:ff6633; color:ff6633" value="ff6633">ff6633</option>
<option style="background-color:ff6666; color:ff6666" value="ff6666">ff6666</option>
<option style="background-color:ff6699; color:ff6699" value="ff6699">ff6699</option>
<option style="background-color:ff66cc; color:ff66cc" value="ff66cc">ff66cc</option>
<option style="background-color:ff66ff; color:ff66ff" value="ff66ff">ff66ff</option>
<option style="background-color:ff9900; color:ff9900" value="ff9900">ff9900</option>
<option style="background-color:ff9933; color:ff9933" value="ff9933">ff9933</option>
<option style="background-color:ff9966; color:ff9966" value="ff9966">ff9966</option>
<option style="background-color:ff9999; color:ff9999" value="ff9999">ff9999</option>
<option style="background-color:ff99cc; color:ff99cc" value="ff99cc">ff99cc</option>
<option style="background-color:ff99ff; color:ff99ff" value="ff99ff">ff99ff</option>
<option style="background-color:ffcc00; color:ffcc00" value="ffcc00">ffcc00</option>
<option style="background-color:ffcc33; color:ffcc33" value="ffcc33">ffcc33</option>
<option style="background-color:ffcc66; color:ffcc66" value="ffcc66">ffcc66</option>
<option style="background-color:ffcc99; color:ffcc99" value="ffcc99">ffcc99</option>
<option style="background-color:ffcccc; color:ffcccc" value="ffcccc">ffcccc</option>
<option style="background-color:ffccff; color:ffccff" value="ffccff">ffccff</option>
<option style="background-color:ffff00; color:ffff00" value="ffff00">ffff00</option>
<option style="background-color:ffff33; color:ffff33" value="ffff33">ffff33</option>
<option style="background-color:ffff66; color:ffff66" value="ffff66">ffff66</option>
<option style="background-color:ffff99; color:ffff99" value="ffff99">ffff99</option>
<option style="background-color:ffffcc; color:ffffcc" value="ffffcc">ffffcc</option>
<option style="background-color:ffffff; color:ffffff" value="ffffff">ffffff</option>
</select>
</FORM>

Source : http://www.moreover.com/cgi-local/wizard_step_one.pl?
cluster_name=index_webdeveloper



Related Code Examples
Script to check values being submitted by POST or GET method from a form. This script may help diagnose what variables are being supplied by a browser to other php scripts.
Categories : HTML, Variables, Debugging, PHP, HTTP
news delete create dynamic
Categories : HTML, HTML and PHP
This provides a drop down form for searching with different search engines. All the encoding/arguments are set by the program as need for each supported search engine (currently 18)
Categories : HTML, Search
color codes for positive and negative numbers
Categories : PHP, MySQL, Databases, HTML
How to create <SELECT> menues that change on the fly according to other <SELECT> menues on the page?
Categories : Java Script, HTML
Table editable dynamic form with edit + selection (select / option) + checkbox.
Categories : Java Script, DHTML, User Interface, CSS, HTML
Formit 1.0. PHP Very easy to implement form-template(s) to email script. Works with multiple templates and HTML-format email. Only one file!
Categories : PHP, Email, HTML
This script shows you the 7th latest php items from the mailing list archive on zend.com
Categories : HTML, HTML and PHP, HTTP, PHP
Difference between POST and GET methods of Submitting Forms
Categories : HTML, HTTP
Take multiple text files and do simple formatting on them and add them to a webpage
Categories : HTML, Filesystem, PHP
Prevent Right Mouse steal your graphics
Categories : HTML, Java Script, Security
<FORM> causing an extra line in HTML output on IE
Categories : Beginner Guides, HTML, CSS
Snipe.Net's Web Design Color Scheme Previewer- Allows uses to input hex codes for their text, background, and link colors, and preview the color scheme with their background image. Example: http://www.snipe.net/tech/snipeschool/hex.php3
Categories : PHP, HTML and PHP, General, Graphics, HTML
webcam cam view image ispy browser independant
Categories : Graphics, HTML, HTML and PHP, PHP
How to keep your tables width stable even if you have long strings inside.
Categories : CSS, Web Browsers, HTML, Beginner Guides