to chane colour of text on mouseover

Question

0.00/5 (No votes)

See more:

Not working :- onmouseover="this.bgColor='gold';" please suggest

STATE
ANDHRA PRADESH
ARUNACHAL PRADESH
ASSAM
BIHAR

Posted 6-Apr-11 23:13pm

Mayur Gujrathiii

Add a Solution

5 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Toniyo Jackson · Answer 1 · 2011-04-06T23:30:00

Solution 1

Try this,

onmouseover="this.style.color='gold'"

Posted 6-Apr-11 23:30pm

Toniyo Jackson

Comments

Member 8631599 7-Jun-13 6:38am

gfd

**Dalek Dave** · Answer 2 · 2011-04-06T23:51:00

Solution 3

CSS is the answer...

I use something like this

CSS

.mouseover:hover
{
    background-color:Yellow;
    color:Blue;
    text-decoration:none;
}
.mouseover
{
    background-color:Blue;
    color:Yellow;
    text-decoration:none;
}

Posted 6-Apr-11 23:51pm

Dalek Dave

m@dhu · Answer 3 · 2011-04-06T23:48:00

Solution 2

You need to tell where you are using the onmouseover. How are the names ANDHRA PRADESH, ARUNACHAL PRADESH, ASSAM BIHAR placed in your page.

You can do that with css something like

CSS

a:hover
{
background-color:yellow;
}

<a href="/test.aspx">test</a>

Update

CSS

<style type="text/css">
.clstd
{
background-color:red;
}
/*include this in your style must work*/
.clstd:hover
{
background-color:yellow;
}
</style>

You are using a class(css) and again using inline properties. It is good to include everything in your css as all the td's are having same width, height etc. instead of writing for each of them.

Posted 6-Apr-11 23:48pm

m@dhu

Updated 7-Apr-11 0:23am

v2

Comments

Dalek Dave 7-Apr-11 5:52am

Damn, you beat me to it! But, yes, CSS is the best way of doing it.

Mayur Gujrathiii 7-Apr-11 6:09am

I am doing like this
<form id="frmstatehlp" runat="server" target="stateclient">

<table align="left" class="clsborder" border="0" cellpadding="0" cellspacing="0" >
<tr class="grhd">
<th class="grhd" align="left" style="height: 17px; width:10%">STATE</th>
</tr>
<tr ondblclick="getvalues(this);" onmouseover="this.bgColor='#FFFFFF'" önmouseout="this.bgColor='gold';" >
<td class="clstd" style="height: 17px; width:10%">ANDHRA PRADESH</td>
</tr>
<tr ondblclick="getvalues(this);" onmouseout="this.bgColor='#FFFFFF'" önmouseover="this.bgColor='gold';" >
<td class="clstd" style="height: 17px; width:10%">ARUNACHAL PRADESH</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">ASSAM</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">BIHAR</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">CHATTISGARH</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">GOA</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">GUJARAT</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">HARYANA</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">HIMACHAL PRADESH</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">JAMMU AND KASHMIR</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">JHARKHAND</td>
</tr>
<tr öndblclick="getvalues(this);" >
<td class="clstd" style="height: 17px; width:10%">KARNATAKA</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">KERALA</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">MADHYA PRADESH</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px; width:10%">MAHARASHTRA</td>
</tr>
<tr ondblclick="getvalues(this);" önmouseout="this.bgColor='#FFFFFF'" >
<td class="clstd" style="height: 17px;

Smithers-Jones 7-Apr-11 6:24am

What is this önmouseout? Is it Swedish? ;-)

m@dhu 7-Apr-11 6:24am

Check the updated answer.

RaviRanjanKr · Answer 4 · 2011-04-06T23:55:00

You can also do this by binding attribute of Textbox take a look

// It will change color of text on mouse over
TextBox1.Attributes.Add("onmouseover", "javascript:this.style.color='gold'");

//Color on mouseout event 
  TextBox1.Attributes.Add("onmouseout","javascript:this.style.color='black'");

[Edited]
hmm! It's my mistake that I was taking question as change color of text of textbox on mouseover
You should follow the answer of Toniyo , Dalek as well as MKgoud if you will have to change text of control then my Idea will work.
In short you need to use
onmouseover="this.style.color='gold'" instead of onmouseover="this.bgColor='gold';"
[/Edited]

ParthaDinda · Answer 5 · 2011-04-07T00:32:00

onclientclick call a javascript function.and there you can add classname of that particularcontrol.
like below:
JavaScript:

function colorchange()
{
   var ctlid=document.getelementbyid('<%=contorlid.ClientID %>');
   ctl.ClassName="mouseoverColorchange";
}

css:
mouseoverColorchange{
    background-color:Blue;    
color:Yellow;    
text-decoration:none;
}

now call the javascript function(). I think it will work