[mtilori]

I have a table that contains name and address data. When a row is clicked I want to change the backgound color (blue) of that row. (I have this working). If another row is clicked I want to change the background color of the previous row clicked to the original color (white) and change the new row clicked to blue. Any help would be appreciated.

[gordypordy]

Originally Posted by mtilori

I have a table that contains name and address data. When a row is clicked I want to change the backgound color (blue) of that row. (I have this working). If another row is clicked I want to change the background color of the previous row clicked to the original color (white) and change the new row clicked to blue. Any help would be appreciated.

I am presuming that these 'rows' you are speaking about are actually links.

If so there are several different ways you can accomplish this, either directly into the HTMl coding or by Style Sheet (CSS) if you use it. If not, we can create one.

If you have a link to the page where you are trying to achieve this, that would be helpful, if not, just copy and paste what you have done of the table so far, in here.

If you simply wish to have the different colors incorporated into the table, that is just as simple.
What to remember is that TABLES consist of DATA CELLS which are identified within the tags <TD> </td> , within these tags you can set a variety of parameters, such as width, color, alignment etc., whilst also having an overall background color for the table, or no color at all!

Give me some more info and we'll see what we can do.

[mtilori]

Thanks for your reply...Here is my code

"colorOne" is white background
"colorTwo" is blue background

Again the problem is that if I click on multiple rows I am getting all the rows clicked blue. I only want one blue row at a time.


<form name="<%=formName%>" method="post" action="processMainBrowseTableClick.jsp">

<tr class="colorOne" onClick="className='colorTwo';">

<td align=left width=8% >
<input type=hidden name="clientID" value="<%=caseIndividualElement.getClientID()%>"/>
<input type=hidden name="addressID" value="<%=caseIndividualElement.getAddressID()%>"/>
<input type=hidden name="caseID" value="<%=caseIndividualElement.getCaseID()%>"/>
<input type=hidden name="caseName" value="<%=caseIndividualElement.getCaseName()%>"/>
<a href="javascript:void(null);" onClick="document.<%=formName%>.submit();" class="table" ><%=caseIndividualElement.getCaseName()%></a>
</td>

<td align=left width=8% >
<input type=hidden name="clientID" value="<%=caseIndividualElement.getClientID()%>"/>
<input type=hidden name="addressID" value="<%=caseIndividualElement.getAddressID()%>"/>
<input type=hidden name="caseID" value="<%=caseIndividualElement.getCaseID()%>"/>
<input type=hidden name="caseName" value="<%=caseIndividualElement.getCaseName()%>"/>
<a href="javascript:void(null);" onClick="document.<%=formName%>.submit();history.g o(0);" class="table" ><%=caseIndividualElement.getWholeName()%></a>
</td>

</tr>
</form>

[gordypordy]

Do you have a link to where this script is, so that I can see more clearly what it is you are attempting to achieve.

Reading the script of itself doesn't quite do that for me.

It may well be that all that is required is for you to insert the coding from your Table Row (TR) tags into the Table Data cells (TD) tag, where it would normally go. Try that, if it doesn't work, give me a link so I can see the visual output.