• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 648
  • Last Modified:

Change Font Color onmouseover

Hi Experts !

On ONMOUSEOVER, I want the link to underline and the cursor the change into a 'hand'.
On ONMOUSEOUT, I want to revert to what it was before. Here's what I have to do that:

            <TD WIDTH="400"   STYLE="PADDING-RIGHT: 3px; PADDING-LEFT: 13px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px">
              <ASP:LINKBUTTON RUNAT=server ID="Lnktitle"  TEXT=<%# DataBinder.Eval(Container.DataItem, "title") %>
                          STYLE="TEXT-DECORATION: none" ONMOUSEOVER="this.style.textDecoration='underline'"
                          ONMOUSEOUT="this.style.textDecoration='none'" TOOLTIP="Click Here For Your Report"                    
                        ></ASP:LINKBUTTON> </TD>

I also want the text to turn 'RED', but I don't know how to incorporate this into the syntax:

"this.style.color='red'"

Any help is really appreciated !
0
allanau20
Asked:
allanau20
  • 4
  • 2
1 Solution
 
archrajanCommented:
can u post what u get as html i mean from the view source
0
 
allanau20Author Commented:
Hi archrajan,

Thanks for your help !

            <TD WIDTH="400"   STYLE="PADDING-RIGHT: 3px; PADDING-LEFT: 13px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px">
              <a id="ddl_rpts__ctl1_Lnktitle" title="Click Here For Your Report" ONMOUSEOVER="this.style.textDecoration='underline'" ONMOUSEOUT="this.style.textDecoration='none'" href="javascript:__doPostBack('ddl_rpts$_ctl1$Lnktitle','')" style="TEXT-DECORATION: none">Report Name Here </a> </TD>
0
 
archrajanCommented:
<TD WIDTH="400"   STYLE="PADDING-RIGHT: 3px; PADDING-LEFT: 13px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px">
              <a id="ddl_rpts__ctl1_Lnktitle" title="Click Here For Your Report" ONMOUSEOVER="this.style.textDecoration='underline';this.style.color = 'red';this.style.cursor= 'hand';" ONMOUSEOUT="this.style.textDecoration='none';this.style.color = 'blue';" href="javascript:__doPostBack('ddl_rpts$_ctl1$Lnktitle','')" style="TEXT-DECORATION: none">Report Name Here </a> </TD>
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
allanau20Author Commented:
Perfect archrajan !

The ";" was the key to combine multiple syntax.

Have a happy Easter !
0
 
archrajanCommented:
or u can do with css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
a:active {   color: black; text-decoration: none}
a:visited {    color: blue; text-decoration: none}
a:hover {    text-decoration: underline; color:red; cursor:hand;}
</style>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<TD WIDTH="400"   STYLE="PADDING-RIGHT: 3px; PADDING-LEFT: 13px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px">
              <a id="ddl_rpts__ctl1_Lnktitle" title="Click Here For Your Report"  href="javascript:__doPostBack('ddl_rpts$_ctl1$Lnktitle','')" >Report Name Here </a>
                    </TD>
</BODY>
</HTML>
0
 
archrajanCommented:
Happy Easter friend...
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now