Here are some different ways to set the background color. First a simple link that goes nowhere and has embedded JavaScript:
<![CDATA[
<A HREF="#nowhere" onClick="document.bgColor='red'">
<IMG SRC="red.gif"
WIDTH="32"
HEIGHT="32"
ALIGN="LEFT">
</A>
]]>
And a series of radio buttons in a form with embedded JavaScript:
<![CDATA[
<FORM>
<input type="radio" name="colors" value="Grey"
onClick="document.bgColor='#888888';">GREY
<BR>
<input type="radio" name="colors" value="Blue"
onClick="document.bgColor='#0000FF';">BLUE
<BR>
<input type="radio" name="colors" value="Green"
onClick="document.bgColor='darkgreen';">GREEN
<BR>
<input type="radio" name="colors" value="Yellow"
onClick="document.bgColor='yellow';">YELLOW
<BR>
<input type="radio" name="colors" value="Cream"
onClick="document.bgColor='antiquewhite';">CREAM
</FORM>
]]>
This last example makes use of a function defined in the HEAD part of the HTML page:
<![CDATA[
<HTML>
<HEAD>
<TITLE>BGCOLOR</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM NON-JS BROWSERS
//THIS FUNCTION IS CALLED BY THE LAST EXAMPLE
function colorIt(whatColor)
{document.bgColor=whatColor;}
<!--END HIDE -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF"
TEXT="#000000"
LINK="#FFFFFF"
ALINK="#FFFFFF"
VLINK="#FFFFFF">
]]>
These links call a userdefined JavaScript function (shown above) and pass it the name of the color required.
<![CDATA[
<A HREF='javascript: colorIt("orange")'>
<IMG SRC="orange.gif"
WIDTH="32"
HEIGHT="32">
</A>
<A HREF='javascript: colorIt("pink")'>
<IMG SRC="pink.gif"
WIDTH="32"
HEIGHT="32">
</A>
<A HREF='javascript: colorIt("limegreen")'>
<IMG SRC="lgreen.gif"
WIDTH="32"
HEIGHT="32">
</A>
]]>