Background Color Chooser

JavaScriptSource Staff Aug 15, 2001

Let the visitor choose the background color with a JavaScript prompt box.

The JavaScript Source: Image Effects: Background Color Chooser

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- ONE STEP TO INSTALL BACKGROUND COLOR CHOOSER:

1.  Copy the coding into the HEAD of your HTML document  -->

<HEAD>

<!-- Begin
// Ask the user for a color preference
var displayColor = prompt("What background color do you want?", "yellow")

// The default text color is black
var textColor = "black"

// If the user chooses a black background, change the text to white
// so it is visible

if (displayColor == "black" || displayColor == "#000000" || displayColor == null) {
    textColor = "white"
}

// Display page content
document.writeln("<BODY BGCOLOR=" + displayColor + " TEXT=" + textColor + ">You chose " + displayColor + "</BODY>")
//  End -->
</script>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Background Color Chooser

Leave a Response

Attention JavaScript Coders

Go Deeper