ASP.NET

ASP.NET RSS

Change Cursor Type & BackColor

Please support our ASP.NET advertiser: Intel Parallel Studio Home

Thread Solved

•

Join Date: Apr 2008

Posts: 75

Reputation: mansi sharma is an unknown quantity at this point

Solved Threads: 0

mansi sharma mansi sharma is offline

Offline

Junior Poster in Training

Change Cursor Type & BackColor

Oct 12th, 2009

I want to change cursor type & backcolor when mouse moves over a td,Suppose I want to chnage the cursor to Hand, & backcolor to Blue on mouse move, & on mouse leave i want to change the cursor to default..How to do it?????????

•

Join Date: Mar 2009

Posts: 51

Reputation: Dhaneshnm is an unknown quantity at this point

Solved Threads: 6

Dhaneshnm

Offline

Junior Poster in Training

Oct 12th, 2009

The below code should solve the problem...

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<td                
onmouseover="style.backgroundColor='blue'"                 onmouseout="style.backgroundColor=''"                         style="cursor:pointer;">
        hi
  </td>
<td                
onmouseover="style.backgroundColor='blue'"                 onmouseout="style.backgroundColor=''"                         style="cursor:pointer;">
        hi
  </td>

Last edited by Dhaneshnm; Oct 12th, 2009 at 11:54 pm.

•

Join Date: Apr 2008

Posts: 75

Reputation: mansi sharma is an unknown quantity at this point

Solved Threads: 0

mansi sharma mansi sharma is offline

Offline

Junior Poster in Training

Oct 13th, 2009

Thx...
Thru JS

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<script type ="text/javascript"  >
 
    function onMouseMove()
    {
    document.getElementById("1").style.backgroundColor ="skyblue";  
    document.body.style.cursor = 'hand';
    }
 
    function onMouseLeave()
    {
    document.getElementById("1").style.backgroundColor ="";
    document.body.style.cursor = "default";
    }
    </script>
 
<td  id="1" style="width: 98px; height: 46px;" onMouseOver="onMouseMove()" onMouseOut="onMouseLeave()">
                    </td>
<script type ="text/javascript"  >
    
    function onMouseMove()
    {
    document.getElementById("1").style.backgroundColor ="skyblue";  
    document.body.style.cursor = 'hand';
    }
    
    function onMouseLeave()
    {
    document.getElementById("1").style.backgroundColor ="";
    document.body.style.cursor = "default";
    }
    </script>

<td  id="1" style="width: 98px; height: 46px;" onMouseOver="onMouseMove()" onMouseOut="onMouseLeave()">
                    </td>