hey guys, having some probs here for some weird reason my Javascript code isn't working how it should.

The idea is you can move the mouse over the table row and it will highlight the current row, now that works fine but I also want it so that if you click the row then it will change it to a darker colour which also works, now here is the trublesome part, when you moe the mouse away from this row then it should stay the same colour!

this is what I came up with

        if ($bgcolor == '#FFFFFF')$bgcolor = '#F3F3F3';
        else $bgcolor = '#FFFFFF';
?>
                <tr bgcolor="<?=$bgcolor;?>" onmouseover="if (this.bgColor = '<?=$bgcolor;?>'){this.bgColor = '#DDDDDD'} else {this.bgColor = '#CCCCCC';}" onmouseout="if (this.bgColor = '#DDDDDD'){this.bgColor = '<?=$bgcolor;?>'} else {this.bgColor = '#CCCCCC';}" onclick="this.bgColor = '#CCCCCC';">

but when you move the mouse out of the row that has been clicked on it resets the colour to the value of $bgcolor anyone have any ideas?

btw tried to put the onmouseover and that lot into a function but then it didn't work at all which i found totally weird

Do we get to see a URL so we can see the code working (or not as the case may be)?

In your if you are using the assignment operator (=), you need to use the comparison operator (==).

if (this.bgColor == '<?=$bgcolor;?>')

I figured it out finally, I always use capital letters for HEX values (so #FFFFFF instead of #ffffff) for some reason javascript was reading this.bgColor as LOWER CASE letters and when I did the equalto it was upper case (if (#ffffff == #FFFFFF) ) which of course wouldn't work, change all the background colours to lower case and the **** thing works :@

btw here is the code if anyone wants it

<tr bgcolor="<?=$bgcolor;?>" onmouseover="if (this.bgColor == '<?=$bgcolor;?>'){this.bgColor = '#dddddd'} else {this.bgColor = '#cccccc';}" onmouseout="if (this.bgColor == '#cccccc'){this.bgColor = '#cccccc'} else {this.bgColor = '<?=$bgcolor;?>';}" onclick="if (this.bgColor == '#cccccc'){this.bgColor = '<?=$bgcolor;?>';} else {this.bgColor = '#cccccc';}">