Mega Code Archive

 
Categories / JavaScript DHTML / GUI Components
 

Color chooser in JavaScript

<HTML> <HEAD> <TITLE>Welcome</TITLE> </HEAD> <body> <CENTER><h1>Color chooser</h1> <FORM name=colc> <table border="1"> <td colspan=2> <SCRIPT LANGUAGE="JavaScript"> function color() {     document.bgColor=(""+ colc.cc.value +"");     document.body.text=(""+ colc.tc.value +"");    } </SCRIPT> <B><center>Please Choose a Color</td><tr><td> <b>Background:</td><td><select name="cc" size="1">       <option value="black">Black   <option value="blue">Blue   <option value="green">Green   <option value="skyblue">Light Blue   <option value="orange">Orange   <option value="purple">Purple   <option value="red">Red     <option value="silver">Silver   <option value="Yellow">Yellow     <option selected value="white">White      </select></td><tr><td> <b>Text:</td><td>     <select name="tc" size="1">       <option selected value="black">Black      <option value="blue">Blue   <option value="green">Green   <option value="skyblue">Light Blue   <option value="orange">Orange   <option value="purple">Purple   <option value="red">Red     <option value="silver">Silver   <option value="Yellow">Yellow   <option value="white">White   </select> </td><tr><td colspan=2> <center><input type="button" name="button" value="Change Color!" onClick="color()"> </td> </table> </FORM> </CENTER> <p><center><h5> By Greg Marut<br> </h5> </body> </HTML>