
<!-- TWO STEPS TO INSTALL EXPANDING TEXTBOX:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT language="JavaScript">
<!-- hide javascript

function changeBackground(hexNumber) {
   document.bgColor=hexNumber;
}
// done hiding -->
</SCRIPT>


</HEAD>

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

<BODY>

<FORM method="post" name="background">
<INPUT type="button" value="red"
 onclick="changeBackground('#cc0000')">
<INPUT type="button" value="green"
 onclick="changeBackground('#006600')">
<INPUT type="button" value="yellow"
 onclick="changeBackground('#ffff99')">
<INPUT type="button" value="white"
 onclick="changeBackground('#ffffff')">
<INPUT type="button" value="black"
 onclick="changeBackground('#000000')">
<INPUT type="button" value="grey"
 onclick="changeBackground('#666666')">
</FORM>
