Hi, I'd really appreciate any help I can get on this, coz it's driving me mad!

I'm trying to change the cell background of a table when a link is clicked.

here's my script

<script language="JavaScript">
<!--

var backImage = new Array();

backImage[0] = "";
backImage[1] = "images/backgrounds/background1.gif";
backImage[2] = "images/backgrounds/background2.gif";
backImage[3] = "images/backgrounds/background3.gif";

function changeBGImage(whichImage){
if (document.body){
document.getElementById("cellChange").style.background  = backImage[whichImage];
}
}

//-->
</script>

The Link looks like this

<a href="javascript:changeBGImage(1)">Change</a>

And the table cell is named like so

<td width="100%" id="cellChange">

Can anyone help? I am a complete noob to Java, so please be patient!

for manipulating CSS styles that have a hyphen (ie: background-image, font-weight,border-width), the hyphen is removed and the first letter of the next part of the property name is capitalised.

So;
border-width becomes borderWidth,
font-weight becomes fontWeight,
background-image becomes backgroundImage (Which is the one you need to use)

Great! Thanks for your help!

After I tried that, it gave me an 'Invalid Argument' error. So then I found out it was because my vars were wrong

they should be

backImage[0] = "";
backImage[1] = "url(images/backgrounds/background1.gif)";
backImage[2] = "url(images/backgrounds/background2.gif)";
backImage[3] = "url(images/backgrounds/background3.gif)";

Thanks once again, this has been killing me!!!