changing the text to underline on mouse over in a repeater row

[=?Utf-8?B?Um9iZXJ0IFNtaXRo?=]

Hi,
I have a repeater control with rows in made of of link buttons so that
they react to a click as below:
<div>
<ASP:Repeater id="rptUserList" runat="server"
OnItemCommand="rptUserList_ItemCommand" >
<HeaderTemplate>
<table width="100%" style="font: 8pt verdana;
text-align:left;">

<tr style="background-color:#DFA894">
<td><b>UserId</b></td>
<td><b>Name</b></td>
</tr>
</HeaderTemplate>

<ItemTemplate>
<tr style="background-color:#FFECD8" >
<td><a href= <span class="MouseOut";
onmouseover="class='MouseOver'" ><%# DataBinder.Eval(Container.DataItem,
"UserId")%></span></a></td>
<td><a href= <span class="MouseOut";
onmouseover="class='MouseOver';"><%# DataBinder.Eval(Container.DataItem,
"Name") %></span></a</td>

</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</ASP:Repeater>

I also have the following styles

<style type="text/css" >

.MouseOut {text-decoration:none;}
.MouseOver {text-decoration:underline;}

</style>

On loading the repeater control is picking up the initial class mouseout and
displaying the text in the row without an underline, however when you
mouseover the row it doesn't pick up the new class MouseOver, please can you
tell me how I can change the text to underline on moving the mouse over the
row.

Thanks in advance
Robert

[Teemu Keiski]

Hi,

In the script try

onmouseover="this.className='MouseOver';"

and so on.

--
Teemu Keiski
AspInsider, ASP.NET MVP
http://blogs.aspadvice.com/joteke
http://teemukeiski.net
"Robert Smith" <Ro*********@discussions.microsoft.comwrote in message
news:89**********************************@microsof t.com...

Hi,
I have a repeater control with rows in made of of link buttons so that
they react to a click as below:
<div>
<ASP:Repeater id="rptUserList" runat="server"
OnItemCommand="rptUserList_ItemCommand" >
<HeaderTemplate>
<table width="100%" style="font: 8pt verdana;
text-align:left;">

<tr style="background-color:#DFA894">
<td><b>UserId</b></td>
<td><b>Name</b></td>
</tr>
</HeaderTemplate>

<ItemTemplate>
<tr style="background-color:#FFECD8" >
<td><a href= <span class="MouseOut";
onmouseover="class='MouseOver'" ><%# DataBinder.Eval(Container.DataItem,
"UserId")%></span></a></td>
<td><a href= <span class="MouseOut";
onmouseover="class='MouseOver';"><%# DataBinder.Eval(Container.DataItem,
"Name") %></span></a</td>

</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</ASP:Repeater>

I also have the following styles

<style type="text/css" >

.MouseOut {text-decoration:none;}
.MouseOver {text-decoration:underline;}

</style>

On loading the repeater control is picking up the initial class mouseout
and
displaying the text in the row without an underline, however when you
mouseover the row it doesn't pick up the new class MouseOver, please can
you
tell me how I can change the text to underline on moving the mouse over
the
row.

Thanks in advance
Robert