[JS/CSS] Problem z klasami w CSS i JS, Jakie jest nbajlepsze rozwiązanie? Opcje

[Kostek.88]

Witam, mam taki oto problem: zrobiłem na stronie skrypt do zmiany wielkości liter w divie, w którym wyświetlana jest treść strony. Wszystko działa sprawnie i idealnie. Na stronie mam trzy literki "A" różnej wielkości, standardowo symbolizujące wielkość liter.

przykład:
http://img166.imageshack.us/img166/2366/clipboard2kh0.jpg

I mój problem polega na tym. Mam podobny kod CSS dla każdej literki:

Kod

.text_size a.small {
     display: block;
     float: left;
     width: 15px;
     height: 15px;
     margin-top: 6px;
     margin-left: 1px;
     margin-right: 1px;
     background: url('gfx/font_small.gif') no-repeat;
}

I teraz tak: chciałem zrobić, by po kliknięciu na każdą literkę, podświetlała się na biało po prostu, czyli musi zostać uaktywniona klasa:

Kod

.text_size a.small2 {
           display: block;
           float: left;
           width: 15px;
           height: 15px;
           margin-top: 6px;
           margin-left: 1px;
           margin-right: 1px;
           background: url('gfx/font_small_active.gif') no-repeat;
}

Jakie wybrać najlepsze rozwiązanie do zrobienia tego? Istnieje w CSS coś takiego jak zdarzenie click? Czy może lepszym rozwiązaniem będzie funckja JS zmieniająca klasę (która zresztą mi nie działa (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) )

Pozdrawiam

Ten post edytował Kaloryfer 5.03.2008, 12:11:35