javascript to change anchor background image

[darkoZiac]

Just as the title says. Is there a javascript, script, that changes the background image / or the style of an anchor? Been looking everywhere.

[Fang]

<a href="#" onmouseover="this.style.background='#000 url(image2.gif)';" style="background:#000 url(image1.gif)">xxxx</a>

[darkoZiac]

nope, not on mouseOver, permantly. I've got a CSS and script working that has one image for when it's normal (a:link, a:visited), one image for mouse over (a:hover) and one for when clicked (a:active), what I want to happen is when it's clicked, the a:link and a:visited change to the a:active and vice-versa, I just don't know the syntax.

[Fang]

Swap the class:

<a href="#" class="foo" onclick="this.className=(this.className=='foo')? 'bar' : 'foo';">xxxx</a>

[darkoZiac]

Yeah, that's what I was thinking alright, cheers.

[darkoZiac]

K, I wanna do that alright, but not in that way, it won't work for how I want it. Here's a code snippit:

HTML:
<a id="butRoute1" className="unpressed" href="javascript:restore('butRoute1')></a>

javascript:
var button;
function restore(button) {
y = document.getElementById(button).className;

if (y == 'unpressed') {
y = pressed;
}
else {
y = 'unpressed';
}
}

I've got all the CSS how I want it and I've got one button starting with the class pressed and one starting as unpressed, but they're just not switching, any idea why?

[darkoZiac]

'sokay, it was cos I was using ".className", I used .setAttribut('class','pressed) instead and it worked a charm, thanks anyway.

[Acunga]

DarkoZiac, can you post the whole code here.I need to change permanently the anchor background image onclick too but I don't know javascript very well