Onmouseover change the backcolor of a Button control

Question

1.00/5 (2 votes)

See more:

C#

ASP.NET

Javascript

Hi,

I want to change the backcolor of a button control on MouseOver event of a button using Javascript.

Posted 12-May-13 18:27pm

Rockstar_

Updated 12-May-13 18:34pm

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 13-May-13 0:36am

Not a question. Just do it. What's the problem?
—SA

Rockstar_ 13-May-13 1:18am

I have searched in the net , i get answers like, we have to add in the page load button.attributes.add(), But We can write the javascript function directly and can call on mouseover of a button. But what is the use of button.attributes.add("MouseOver","SomeJavascriptCode()")?

2 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)

Thanks7872 · Answer 1 · 2013-05-12T19:25:00

We have very good support from Google Inc. through www.google.com,you can make use of that.Further,you can change button on mouse hover using the css like:

CSS

#yourbuttonid:hover 
{
    background:#ff0000;
}

You can also refer to the link below

change behaviour of button on mouseover Like Background color, text color etc.

Masoom Mir · Answer 2 · 2013-05-14T21:14:00

javascript:

XML

<script type="text/javascript">
    function GetBackColor() {
        document.getElementById("testButton").setAttribute("style", "background-color:green");
    }

    function RemoveColor() {
        document.getElementById("testButton").removeAttribute("style");
    }
    </script>

button:
<input type="button" id="testButton" onmouseover="GetBackColor()" value="test" onmouseout="RemoveColor()"/>

Onmouseover change the backcolor of a Button control

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0