|
Script Introduction
This script will allow your viewers to change the background color of your page
when they click a button.
Cut and Paste Code: BODY Section
This code should be placed between the <body> and </body> tags.
Installation Instructions
-
Paste the BODY Section code from above between the <body> and </body> tags on your page,
exactly where you want the buttons to appear.
-
Find the matching lines below in the script and change the text in red to
the text you wish to use:
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="white";
<input type="button" value="Lime" onclick="get_color(0)"></input>
<input type="button" value="Orange" onclick="get_color(1)"></input>
<input type="button" value="Light Blue" onclick="get_color(2)"></input>
<input type="button" value="Pink" onclick="get_color(3)"></input>
<input type="button" value="Back" onclick="get_color(4)"></input>
-
Check the Format Window
to be sure you do not have one single line of code, or too many line breaks in the code.
Example
A working sample of the script is shown below.
Click the buttons to test the script.
Change the background color!
|