Javascript change color

Question

<html>
    <head>
        <script language="Javascript">
            function changecolor(var c)
            {
            document.body.style.background=c;
            }
        </script>
    </head>
    <body>
        <table width="300" height="100" align="center" border=2>
            <tr>
                <td onmouseout=changecolor("transparent") onmouseover=changecolor("red")>red</td>
                <td onmouseout=changecolor("transparent") onmouseover=changecolor("green")>green</td>
                <td onmouseout=changecolor("transparent") onmouseover=changecolor("blue")>blue</td>
            </tr>
        </table>
    </body>
</html>

I am not getting the change of color. Can someone please help...! Thanks in advance.

functions don't have var in them function changecolor(var c) should be function changecolor(c) — abc123
– abc123, Commented Aug 17, 2013 at 7:08
You should surround your onmouseout/onmouseover statements with ''. That is, onmouseout=changecolor("transparent") should be onmouseout='changecolor("transparent")' — Chris Forrence
– Chris Forrence, Commented Aug 17, 2013 at 7:11
Why so many identical answers ? When one is made, no need to add other ones... — Denys Séguret
– Denys Séguret, Commented Aug 17, 2013 at 7:47
@dystroy let just close this post as we know OP got the answer. — Mr_Green
– Mr_Green, Commented Aug 17, 2013 at 7:49

Damiaan Dufaux · Accepted Answer · 2013-08-17 07:41:12Z

2

You should write

function changecolor(c)

instead of

function changecolor(var c)

Because when you write var c in the function declaration, the browser will declare a new variable in the scope of your function. So when you then use the c variable it will return undefined since you didn't assigned some data to the variable.

edited Aug 17, 2013 at 7:41

answered Aug 17, 2013 at 7:08

Damiaan Dufaux

4,8451 gold badge26 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dipen Dedania · Accepted Answer · 2013-08-17 07:17:26Z

0

In ur javascript functions no need to declare type of parameters

so change

function changecolor(var c)

to

function changecolor(c)

this will solve ur problem.

edited Aug 17, 2013 at 7:17

answered Aug 17, 2013 at 7:11

Dipen Dedania

1,4481 gold badge21 silver badges37 bronze badges

Comments

dista · Accepted Answer · 2013-08-17 07:26:12Z

<html>
<head>
    <script language="Javascript">
        function changecolor(c)
        {
            document.body.style.backgroundColor=c;
        }
    </script>
</head>
<body>
    <table width="300" height="100" align="center" border=2>
        <tr>
            <td onmouseout="changecolor('white')" onmouseover="changecolor('red')">red</td>
            <td onmouseout="changecolor('white')" onmouseover="changecolor('green')">green</td>
            <td onmouseout="changecolor('white')" onmouseover="changecolor('blue')">blue</td>
        </tr>
    </table>
</body>

sangram parmar · Accepted Answer · 2013-08-17 07:27:03Z

0

Try this:

 <script language="Javascript">
            function changecolor(c)//remove var
            {
            document.body.style.background=c;
            }
        </script>

answered Aug 17, 2013 at 7:27

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Comments

Ashik Narayan · Accepted Answer · 2013-08-17 07:47:07Z

<body>
<table width="300" height="100" align="center" border=2>
    <tr>
        <td id="redcolor" onmouseover="change_red()" onmouseout="change_color()">red</td>
    <td id="greencolor" onmouseover="change_green()" onmouseout="change_color()">green</td>
        <td id="bluecolor" onmouseover="change_blue()" onmouseout="change_color()">blue</td>
    </tr>
 </table>

 <script>  
     function change_red()
         {
             document.getElementById("redcolor").style.color="red";
         }

     function change_green()
        {
     document.getElementById("greencolor").style.color="green";
 }

function change_blue()
{
    document.getElementById("bluecolor").style.color="blue";
}

function change_color()
{
document.getElementById("redcolor").style.color="#000";
document.getElementById("greencolor").style.color="#000";
document.getElementById("bluecolor").style.color="#000";
}
</script>  

</body>

Collectives™ on Stack Overflow

Javascript change color

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Related