Witam po raz kolejny!

Otóż tym razem mam problem natury zapewne banalnej.

Posiadam 3 grafiki umieszczone obok siebie. Są to 3 postaci.
Po kliknięciu na jedną z nich ma być podświetlona (podmiana grafiki na drugą).

Z tym nie mam problemu, problem tkwi w tym, że chcę aby po kliknięciu na inną, wcześniejsza zrobiła się z powrotem szara.

Wiem jak dynamicznie zmienić wartość pola formularzy ale nie wiem jak zmienić dynamicznie np tło komórki. Mam taki pomysł że mógłbym to zrobić w następujący sposób:

[HTML] pobierz, plaintext 
<table cellspacing='10'>
<tr>
<td style="background-image:url('grafika/gif_szary.png');"></td>
<td style="background-image:url('grafika/gif2_szary.png');"></td>
<td style="background-image:url('grafika/gif3_szary.png');"></td>
</tr>
</table>
[HTML] pobierz, plaintext 

Wiem że za pomocą onClick mogę sobie style zmieniać w bierzącej komórce ale jak zmienić styl/treść innej komórki ? No i pytanie : Czy mogę przypisać komórce ID ? bo jeśli tak to nie ma problemu wrzucę grafiki do komórek (za pomocą InnerHtml)

A funkcje getElementBy..., do tego własności (next|prev)Sibling (sąsiedzi), sporo tego. [; Do wyboru, do koloru.


A czemu nie? Ale nie ma sensu dodawać ID z osobna, po to są funkcje, o których wspomniałem wyżej, aby dobierać się do tych elementów wg innych kluczy.

Można przypisać id komorce
ale mozesz sobei zrobic tak ze te komórki co masz w nich grafike obracasz w petli

[HTML] pobierz, plaintext 
//petla
{
if( obraze != obrazek_ktory_nacisnalem
//zrob szare.
}
[HTML] pobierz, plaintext 

i wtdy wszystkie beda szare oprocz tego na ktory kliknales

Wielkie THX !

Nie śmigam jeszcze w JS jak tu widać muszę się z Ajaxem trochę bardziej obeznać

+ dla Ciebie ;]