Random div background

Hey all,

I have created a site using div's rather than tables and I want one of the divs to randomly change background as the user visits and refreshes the page. I found a site which offers something very close...
http://www.groan-zone.net/jscript/random.html

This works perfect but it changes the main background of the page. I can see the bit of the code which tells it to change the body background specifically and assume that this is the part I need to change but I don't know what to change it to to refer it to a div (the div id in question is header, if that helps explaining it). Does anyone have any ideas? It would be greatly appreciated.

Thanks

without looking you might need to create a 'class' and use that

__________________
My Recipe forum... For all your food needs

I am no expert, but something like this might work '(or not)'

HTML: Select all

document.write('<div id="header"' + image + '" text="white"</div>')

dab24pat,
Thanks but I've tried a lot of trial-and-error approachs including what you laid out.

saltedm8,
Thanks as well, I thought I might have to make a class for it I just have to figure that part out lol

Here's the CSS code for the header if it's any help:
#header
{
padding:0.5em;
color:white;

margin-top:10px; margin-left:10px; margin-right:10px;
}

to create a 'class' you need to do something like this

Code: Select all

<div class="myclass" id="header"></div>

and style the class with something like this

Code: Select all

.myclass { background:#00FF33; ETC... style

__________________
My Recipe forum... For all your food needs

This will do what you're looking for: http://www.alistapart.com/articles/betterrotator