Color swap

Hello,

I would like to swap the color of a text item when a js function is called.

---------------------------------------------
function swap(id) {

green = '#00f000';
red = '#f00006';

if (document.getElementById(id).style.color == green)
document.getElementById(id).style.color = red;
else
document.getElementById(id).style.color = green;

}
-----------------------------------------------

This looks easy, doesn't it ? The affectation is OK :
document.getElementById(id).style.color = green; // This works

But the test doesn't :
if (document.getElementById(id).style.color == green) // alaways false

When I try :
alert(document.getElementById(id).style.color)
I got an empty string...

I don't know how to get the color value.
Thank you for your help.

M

<M> wrote

Hello,

I would like to swap the color of a text item when a js function is
called.

---------------------------------------------
function swap(id) {

green = '#00f000';
red = '#f00006';

if (document.getElementById(id).style.color == green)
document.getElementById(id).style.color = red;
else
document.getElementById(id).style.color = green;

}
-----------------------------------------------

This looks easy, doesn't it ? The affectation is OK :
document.getElementById(id).style.color = green; // This works

But the test doesn't :
if (document.getElementById(id).style.color == green) // alaways false

I can't tell why that would be, without an example of the code failing or
knowing which browser you ran the code in.

When I try :
alert(document.getElementById(id).style.color)
I got an empty string...

That's what it is, before it's initialised.

I don't know how to get the color value.
Thank you for your help.

How you claim to have to have done it is along the right lines.

--
Wayne
AKA "Dobbie the House Elf"

Well,

I did it work. Here is the result :

function swap(id) {

red = "rgb(240,0,6)";
green = "rgb(0,240,0)";


//alert(document.getElementById(id).style.color);

// I get the colour and delete space char
// for IE, colour is : rgb(r,g,b)
// for Firefox, colour is : rgb(r, g, b)
// Note the space after coma !
color = document.getElementById(id).style.color;
color = couleur.replace(/\s/g,"");

if (color == green)
document.getElementById(id).style.color = red;
else
document.getElementById(id).style.color = green;

}
----------------------------------------------------
In the HTML page:
<span id="test" style="color:#f00006"
onclick="javascript:swap('test');">My text</span>
-------------------------------------------------------