Text/background color change

[ineuw]

I am trying to switch the background and text colors of a table cell, using these two simple javascript functions. It works on the background color, but it doesn't change the text color as this always remains black. The initial cell background/text colors are set by CSS, and here too the text color remains unaffected. (It should be a dark blue background with white text).

What am I doing wrong? Thanks for any help given.

// CSS

table.links td
{
font: 12px Tahoma;
color: #ffffff;
font-weight: normal;
background-color: #000080;
}

// mouseover script

var changed_background = "#ffffff";
var changed_foreground = "#000080";

var normal_background = "#000080";
var normal_foreground = "#ffffff";

function change_background(tcell)
{
tcell.style.backgroundColor = changed_background;
tcell.style.color = changed_foreground;
}

function reset_background(tcell)
{
tcell.style.backgroundColor = normal_background;
tcell.style.color = normal_foreground;
}

[ryanhellyer]

Welcome to the forum ineuw

I don't much about Javascript sorry so can't help.

But I am wondering what it you are trying to do? Presumably not just changing the table colour as you could just change the CSS to achieve that.

[ineuw]

But I am wondering what it you are trying to do? Presumably not just changing the table colour as you could just change the CSS to achieve that.

Hi ryanheller,

Thanks for the suggestion however, the text color settings don't work with CSS, even without javascript. All the javascript is supposed to do is to reverse the original colors set by the CSS when the mouse is over the cell, and reset the cell colors to their original when the focus changes.

[ineuw]

Thanks for all your input. I found my error. 2 CSS classes were in conflict.

[ryanhellyer]

Good to hear you got it working