One to color only ??

[querry]

Hi all,

I am having a table [<asp:table>] and I am trying to color the border of a cell [<asp:TableCell>] when it is clicked. Here is what I use as my javascript.

function cellColor(tcid, e)
{
var targ;
if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
document.getElementById(targ.id).style.borderColor = '#ff0000';
}

TableCell tc = new TableCell();
tc.Attributes.Add("OnClick", "javascript:cellcolor('" + tc.ID + "', event);");

This works well. But when I click any other cell then the first one I clicked also remains colored. I want to modify the above code so that I when I click on other cell the first one or the previous one clicked should be colored back to the original color.

Can anybody help??

Many Thanks.

[pbmods]

You've got three options.

• You can run through your table's childNodes and reset the background color for each one every time a table row is clicked.
• You can create a global variable that stores the ID or a link to the last clicked element. When you click on any row, you check to see if that variable points to a valid element and reset that element's background color.
• You attach an event handler to window.onclick that resets that row's background color and then removes the onclick handler from the window (you may want to check the target element, though, because this will reset the bg color whenever the User clicks anywhere...).

[querry]

You've got three options.

• You can run through your table's childNodes and reset the background color for each one every time a table row is clicked.
• You can create a global variable that stores the ID or a link to the last clicked element. When you click on any row, you check to see if that variable points to a valid element and reset that element's background color.
• You attach an event handler to window.onclick that resets that row's background color and then removes the onclick handler from the window (you may want to check the target element, though, because this will reset the bg color whenever the User clicks anywhere...).

Thanks for the reply.