Setting style using javascript

[ChilliLime]

Hi,

I've got this, struggling to get it working correctly

<script type="text/javascript">
function highlight(col,color)
{
for(i=1; i<=100; i++)
document.getElementById(col+i).style.backgroundColor="#000";
}
</script>

This is an example of a table cell

<td id="colOne<%#Container.DataItem("rowIndex")%>" onmouseover="highlight('colOne','yellow')" onmouseout="highlight('colOne','white')">&pound;<%#Container.DataItem("s2year10knotmaintainedCH")%></td>

When I hover over the cell nothing happens, what did I do wrong?

Thanks

[Teufel]

You're not specifying which color you want to apply to the element.
You need to use the functions as follows:
function highlight(col,color) {
for(i=1; i<=100; i++) document.getElementById(col+i).style.backgroundColor=color;
}

And then you'll want to pass HEX Color Codes onto the function, like this:
onmouseover="highlight('colOne', '#fff')" would be white.
You can look up the color codes here: http://www.addedbytes.com/cheat-shee...t-sheet-v1.png

[ChilliLime]

Thanks for that, i've changed the code as you suggested, but it still doesn't work, nothing happens when I hover over those cells.

Thanks

[Teufel]

Can you give the link to your site?

[ChilliLime]

I managed to fix this, there was a typo in one of my cell id's

But, now its thrown up a couple of new problems.

For the rows of my column i'm using the <tr class="mycssclass"> to set the row style using css, this lets me highlight rows a specific colour depending on the cell values etc.

But my onmouseout code breaks the css. Is there anyway in the onmouseout event I can set the cell to the backcolor it was before the onmouseover event?