Question

-1

How do I change Background color of textbox when onfocus?

rated 0 times [ 1] [ 2] / answers: 1 / hits: 24214 / 11 Years ago, fri, april 12, 2013, 12:00:00

I tried this code but its not working; when I on-focus textbox it shows an error:

function ChangeBgColor(obj, evt) 

 { 

        if(evt.type=="focus") 

            style.background ="lightgrey";

        else if(evt.type=="blur") 

        {

           style.background="white";

        }          

 }

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

quinn

Add To Favorites

Follow

Total Points: 160

Total Questions: 86

Total Answers: 101

Location: Belarus

Member since Tue, Mar 14, 2023

1 Year ago

answered 11 Years ago sylviakaitlinj · Accepted Answer

What is style? You have not defined it anywhere in your code above:

function ChangeBgColor(obj, evt) 

{ 

    if(evt.type==focus) 

        style.background =lightgrey;  //<--what is style?

    else if(evt.type==blur) 

    {

        style.background=white;

    }          

}

I am guessing that you wanted something like

obj.style.background =lightgrey;

And in the code above, simplified

function ChangeBgColor(obj, evt) 

{ 

    obj.style.background = (evt.type==focus) ? lightgrey : white;

}

The best answer is to use pure CSS.