[js] Problem z podmianą koloru tła Opcje

[Fixus]

Witam.
Posiadam listę czegokolwiek...np. produktów wygląda to np tak:

[HTML] pobierz, plaintext 
<tr>
<td>
<div class="parzyste">biale tlo</div>
</td>
</tr>
<tr>
<td>
<div class="nieparzyste">szare tlo</div>
</td>
</tr>
<tr>
<td>
<div class="parzyste">biale tlo</div>
</td>
</tr>
<tr>
<td>
<div class="nieparzyste">szare tlo</div>
</td>
</tr>
[HTML] pobierz, plaintext 

Do tej pory mój kod js wyglądał tak(do tej pory czyli zanim zostały wprowadzone napremienne klasy)

[HTML] pobierz, plaintext 
onmouseover="this.style.backgroundColor='#2e6399';" onmouseout="this.style.backgroundColor='#f1f1f1';"
[HTML] pobierz, plaintext 

I wszystko było fajnie bo najeżdżałem było niebieskie, zjeżdżałem było białe, ale teraz jak najadę na szarą komórkę to jest ok bo jest niebieska, ale jak zjeżdżam to jest biała a nie szara (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Skasowanie onmouseout nic nie da, bo biała zostanie ustawiona na szarą i tak zostanie. Nie wiem jak sobie z tym poradzić

[piotrooo89]

a nie można tego w css zrobić po co strzelać do muchy z armaty jak można łapką? użyj :hover i po sprawie.

[Fixus]

a czemu mam odciąć użytkowników IE6 od możliwości oglądania tego?
pseudoklasa :hover nie zadziała dla IE6. Dlatego nie skorzystam z tego.

[nospor]

bo to sie robi tak:
nie poprzez style, a poprzez dodatkową klasę.
Gdy najezdzasz na div nadajesz mu klase X (klasa ta ustawia kolor na taki jaki chcesz).
Gdy zjezdzasz z diva, zdejmujesz mu tą klase - dzieki temu znikają ustawienia nadane przez klase i pozostają te co byly do tej pory

proste, lekkie i przyjemne (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[Fixus]

ok, ale jak zdjąć klasę ? Umiałbym nadać mu nową klasę poprzez onmouseout...ale mam dwie różne klasy więc to nie przejdzie bo to dochodzi trzecia klasa. Pytanie jak zdjąć klasę a nie ustawić inna ?

[nospor]

podam ci kod jak ja to robie w jquery.
Nadaje klase dla tr i zdejmuje dla tr:

Kod

    $(".grid table tbody tr")
    .mouseover(function(){
        $(this).addClass('gridOver');
    })
    .mouseout(function(){
        $(this).removeClass('gridOver');
    });

I juz.
Moze ci sie przyda. Ogolnie polecam ci przejscie na jakiegos liba js - bedziesz mial latwiej

[Fixus]

no spróbuje to na js przerobic ale słabo to widzę.
apropo przesiadania się na liba, ja js ruszam od święta więc mnie to tak trochę bez sensu (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[erix]

Jeśli nie nie dodajesz obiektów dynamicznie, to lepiej skorzystać z whatever:hover, niż faszerować osobnym JS-em. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)