[CSS][PHP]Podświetlany button po kliknięciu Opcje

[art-e]

Witam

Mam na stonce taki kod:

[PHP] pobierz, plaintext 
 
<a href="java script:void(0);" onclick="pokazdiv('1');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w1.png"/></a>
 
<a href="java script:void(0);" onclick="pokazdiv('2');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w2.png"/></a>
 
<a href="java script:void(0);" onclick="pokazdiv('3');"><img style="width: 132px; height: 67px; border: none; margin-left:4px"  src="http:xxxxxx/w3.png"/></a>
[PHP] pobierz, plaintext 

Przyciski w1, w2, w3 włączają Div1, Div2, Div3 gdzie pod iframe są pewne zewnętrzne moduły.

Chciałbym aby po najechaniu myszką nad przycisk w1, w2 lub w3 był on podświetlony i taki pozostał po kliknięciu.

Stworzyłem dodatkowe przyciski wp1, wp2 wp3 (podświetlone).

I teraz:
1. Używając java;

onmouseover, onmouseout, onmousedown, onmouseup - daje ten efekt, ale po kliknięciu przycisk pozostaje nie podświetlony.

2. Uzywając CSS

kod zostawiam tak

[PHP] pobierz, plaintext 
<a class="r" href="java script:void(0);" onclick="pokazdiv('1');"></a>
[PHP] pobierz, plaintext 

a w css

a.r
background:url('w1.png');
width:132px;
height:67px;

a.r:hover
background:url('wp1.png');
width:132px;
height:67px;

a.r:active
background:url('wp1.png');
width:132px;
height:67px;

wówczas wogóle nie pojawia mi się przycisk w1 na stronie (IMG:style_emoticons/default/facepalmxd.gif)

[b4rt3kk]

CSS musi zawierać się w klamrach, np.

[HTML] pobierz, plaintext 
a.r {
background:url('w1.png');
width:132px;
height:67px;
}
[HTML] pobierz, plaintext 

Natomiast jeśli chcesz by przycisk pozostawał podświetlony przy kliknięciu to do funkcji pokazdiv(id) dodaj linijkę kodu, która doda np. klasę do klikniętego obiektu.

[art-e]

CSS musi zawierać się w klamrach, np.

Sorki że tak skrótowo napisałem - oczywiście dałem klamry w css.

Możesz mi na przykładzie podać z tą linijką kodu do pokazdiv(id) ?

[b4rt3kk]

Ja bym tu użył jQuery:

[HTML] pobierz, plaintext 
$(this).addClass('jakasKlasa');
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
.jakasKlasa {
  background: red;
}
[HTML] pobierz, plaintext 

[art-e]

sorki ale jestem laikach w podstawach a co dopiero w jQuery.