Background colour change.

A800 · #1 (**permalink**) Jun 4th, 2008, 14:44

I've seen some JS that you can use with radio buttons to make your background colour of your website change, but forgot the JS for it.

Anyone know it? thanks.

Rob · #2 (**permalink**) Jun 4th, 2008, 14:47

It would be easy to give your body tag an ID....

<body id="body">

Then just use an onclick event to change the bgcolor.

document.getElementById("body").style.bgcolor = "#ff0000";

Not 100% sure if it's bgcolor or background or background color, but just experiment

There are ways to do it without an id, but having never needed to do this thats all I can contribute at this time.

A800 · #3 (**permalink**) Jun 4th, 2008, 14:56

Thanks Rob. I fount the JS for on the website i looked on (on the college I attend's server) and its written out like this:

Code: Select all

  <table width="147" align="center">
      <tr>
        <td><label>
          <INPUT type="radio" name="radio1" onClick="document.bgColor='2E4C6B'">
   <font face="Courier">Dark Blue</font></label></td>
        </tr>
      <tr>
        <td><label>
          <INPUT type="radio" name="radio1" onClick="document.bgColor='B3CCE6'"> 
   <font face="Courier">Light Blue</font></label></td>
        </tr>
      <tr>
        <td><label>
          <INPUT type="radio" name="radio1" onClick="document.bgColor='FFFFFF'"> 
   <font face="Courier">White</font></label></td>
        </tr>
     </table>

Once again, thanks for your help.

Rob · #4 (**permalink**) Jun 4th, 2008, 15:06

Glad you found what you needed!

A800 · #5 (**permalink**) Jun 6th, 2008, 12:16

Thanks Rob. More JS that I have learned!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Change Background colour based on input	smudge618	JavaScript Forum	2	Feb 6th, 2008 11:55
how do you make it so the user can change the font colour and size and background...	VanHype	JavaScript Forum	2	Apr 24th, 2007 16:39
Help needed for newbie! How can I change the background colour on my website?	angelkelly	Starting Out	15	Feb 20th, 2007 22:28
Colour change	Angel2020	Web Page Design	4	Nov 17th, 2006 11:23
Is there a way to change the colour scheme?	gwx03	Webforumz Suggestions and Feedback	14	Jan 6th, 2006 18:00

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Background colour change.