The Java Scriptorium

Background Colour Selection

Description

This script lets the visitor change the background on your page to any colour you list.

Example

Code

In the <head> section of your document:

<!-- JavaScript -->
<SCRIPT LANGUAGE="JavaScript">

<!-- hide this script tag's contents from old browsers
// keep track of whether we just computed display.value
var computed = false
var decimal = 0

function convert (entryform, from, to)
{
	convertfrom = from.selectedIndex
	convertto = to.selectedIndex
	entryform.display.value = (entryform.input.value * from[convertfrom].value / to[convertto].value )
}

function addChar (input, character)
{
	if((character=='.' && decimal=="0") || character!='.')
	{
		(input.value == "" || input.value == "0") ? input.value = character : input.value += character
		convert(input.form,input.form.measure1,input.form.measure2)
		computed = true	
		if (character=='.')
		{
			decimal=1
		}	
	}
}

function openVothcom()
{
	window.open("","Display window","toolbar=no,directories=no,menubar=no");
}

function clear (form)
{
	form.input.value = 0
	form.display.value = 0
	decimal=0
}

function changeBackground(hexNumber)
{
	document.bgColor=hexNumber
}

<!-- done hiding from old browsers -->
</SCRIPT>

In the <body> section of your document:

<FORM METHOD="POST" NAME="background"> <TABLE BORDER="1" CELLPADDING="3"> <TR><TD><INPUT TYPE="button" VALUE="yellow" ONCLICK="changeBackground('#FFF000')"></TD> <TD><INPUT TYPE="button" VALUE="black" ONCLICK="changeBackground('#000000')"></TD> <TD><INPUT TYPE="button" VALUE="white" ONCLICK="changeBackground('#FFFFFF')"></TD> </TABLE> </FORM>

Return to the Java Scriptorium.