Background Color Changer

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 373,566 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,860 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

•

Mar 16th, 2005

Views: 6,031

vegaseat

Shows how to connect a button onclick event to a javascript function to change the background color of the document. Just cut and paste the code into Notepad or other editor, save as BGchanger.htm and run it on your browser.

Show Printable Version

•

javascript Syntax |

Toggle Plain Text

<html>
<head>
	<title>Background Color Changer</title>
 
<script language = JavaScript>
<!--
function BG_yellow()
{
  document.bgColor = 0xFFFF00
}
 
function BG_thistle()
{
  document.bgColor = 0xD8BFD8
}
 
function BG_plum()
{
  document.bgColor = 0xDDA0DD
}
 
function BG_red()
{
  document.bgColor = 0xFF0000
}
//-->
</script>
 
</head>
<body >
 
<center>
<form>
<font face="comic sans ms">
<br>
<h1>
Set the background color
</h1>
<br>
<input type = button value = "Make background Yellow " onclick = "BG_yellow()"> 
<br>
<br>
<input type = button value = "Make background Thistle" onclick = "BG_thistle()"> 
<br>
<br>
<input type = button value = "Make background Plum   " onclick = "BG_plum()"> 
<br>
<br>
<input type = button value = "Make background Red    " onclick = "BG_red()"> 
</font>
</form>
</center>
 
</body>
</html>

Comments (Newest First)

Mohan0704 | Newbie Poster | May 20th, 2008

•

Next time,
Try make the webpage XHTML 1.1/1.0 compliant.

It's much easier to read and will prevent browser errors.

fai_zal1 | Newbie Poster | Mar 8th, 2006

•

very good

TechnoLady | Newbie Poster | Oct 22nd, 2005

•

TechnoLady

Am learning more from you than 1 year at college. Great work.

damondash | Unverified User | Aug 25th, 2005

•

nice Keep it up

techy | Newbie Poster | Jul 15th, 2005

•

Good

Post Comment

•

Only community members can submit or comment on code snippets. You must register or log in to contribute.

•

DaniWeb Marketplace (Sponsored Links)

DaniWeb Home > Code Snippets > javascript Syntax

Background Color Changer