Random div background

[Narcassa]

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

[saltedm8]

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

[dab42pat]

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

HTML: Select all

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

[Narcassa]

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;
}

[saltedm8]

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

[bkbdesign]

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