JavaScript Text & Background Color Changer

--Cut-n-Paste--

Add this little script to your page and let your surfers choose what text color and background color they want to view your page in from a selection provided by you. You get to choose what colors and how many colors are offered to your surfers as they browse your page. This script is more for flash, although some people may find certain color combinations easier to read than others. At least you have offered them the chance to change colors if they prefer.

Instructions: right click in textarea, select all, copy and paste in HTML document or into text editor. Follow directions in code for placement of code on page.

Text & Background Color Changer
<script language="javascript" type="text/javascript"> <!-- function original_color(back, text) { document.bgColor = back document.fgColor = text } function change_backclr(new_backclr) { document.bgColor = new_backclr } function change_textclr(new_textclr) { document.fgColor = new_textclr } //--> </script> <!--PLACE THE ABOVE SCRIPT IN BETWEEN YOUR HEAD TAGS...PLACE SCRIPT BELOW IN THE BODY OF // YOUR PAGE WHERE YOU WANT THE BUTTONS TO BE PLACED...CHANGE THE COLORS TO SUIT YOUR SITE // AND ADD AS MANY DIFFERENT COLORS AS YOU WANT--> <div style="text-align:center"> <!--SUBSTITUTE YOUR ORIGINAL BACKGROUND AND TEXT COLORS FOR "BACKGROUND, TEXT" IN BUTTON // BELOW--> <h2 align=center>Change Background Color</h2> <form> <input type="button" value="original color" onClick="original_color('background', 'text')"> <!--INSERT COLOR OF CHOICE FOR "YOUR COLOR"...VALUE COLOR AND ONCLICK COLOR MUST BE THE // SAME--> <input type="button" value="your color" onClick="change_backclr('your color')"> <input type="button" value="your color" onClick="change_backclr('your color')"> <input type="button" value="your color" onClick="change_backclr('your color')"> </form> <br /><br /> <h2 align="center">Change Text Color</h2> <form> <input type="button" value="your color" onClick="change_textclr('your color')"> <input type="button" value="your color" onClick="change_textclr('your color')"> <input type="button" value="your color" onClick="change_textclr('your color')"> </form> </div>

Text & Background Color Changer

function change_backclr(new_backclr) {
     document.bgColor = new_backclr
}

function change_textclr(new_textclr) {
     document.fgColor = new_textclr
}

//-->
</script>

<h2 align=center>Change Background Color</h2>
<form>
<input
     type="button"
     value="original color"
     onClick="original_color('background', 'text')">
     
<input
     type="button"
     value="your color"
     onClick="change_backclr('your color')">
     
<input
     type="button"
     value="your color"
     onClick="change_backclr('your color')">

<input
     type="button"
     value="your color"
     onClick="change_backclr('your color')">
</form>
<br /><br />
     
<h2 align="center">Change Text Color</h2>