Ad:

ASP.NET Discussion Thread
Marked Solved
Views: 1357

Oct 12th, 2009

Change Cursor Type & BackColor

Expand Post »

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?????????

Similar Threads

change font type, font color, font size and bacground color in listbox in JavaScript / DHTML / AJAX
change cursor from pointer to hand in JavaScript / DHTML / AJAX
change cursor in Visual Basic 4 / 5 / 6
i have problem in cursor type and lock type in ASP
Small problem face me in C#

mansi sharma

Reputation Points: 17

Solved Threads: 0

Junior Poster in Training

Offline

75 posts
since Apr 2008

Permalink

Oct 12th, 2009

Re: Change Cursor Type & BackColor

The below code should solve the problem...

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.

Dhaneshnm

Reputation Points: 22

Solved Threads: 7

Junior Poster in Training

Offline

52 posts
since Mar 2009

Permalink

Oct 13th, 2009

Re: Change Cursor Type & BackColor

Thx...
Thru JS

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>

mansi sharma

Reputation Points: 17

Solved Threads: 0

Junior Poster in Training

Offline

75 posts
since Apr 2008

Permalink

Oct 13th, 2009

Re: Change Cursor Type & BackColor

Better!!!!!!!!!!!

Dhaneshnm

Reputation Points: 22

Solved Threads: 7

Junior Poster in Training

Offline

52 posts
since Mar 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in ASP.NET Forum Timeline: Need help for Regular Expression

Next Thread in ASP.NET Forum Timeline: Converting Html to xml

DaniWeb Message

Cancel Changes

User Name
Password