[HTML/CSS] Zdarzenie onmouseover dla tr

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Cvaniak
Nowy
Nowy
Posty: 22
Rejestracja: ndz lip 24, 2005 12:36 pm

[HTML/CSS] Zdarzenie onmouseover dla tr

Post autor: Cvaniak »

Witam, od dłuższego czasu głowie się nad problemem zmiany klasy stylu znacznika <tr> po najcheniu na niego myszka - "onmouseover". Próbowałem tak, ale nie działa:

Kod: Zaznacz cały

.klasa {
    color: red;
 } 
...
<tr onmouseover="this.class='klasa' ">
Proszę o pomoc.

Do prezentacji fragmentu kodu korzystaj z odpowiedniego BBCode [poprawione]
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Zdarzenie onmouseover dla tr

Post autor: Stig »

Osobiście polecam skorzystać z dobrodziejstw CSS'owej pseudoklasy :hover. Przykład:

Kod: Zaznacz cały

tr.klasa:hover {
color: #FF0000;
}
...
<tr class="klasa">
Powyższe rozwiązanie zadziała w każdej nowoczesnej przeglądarce. Dla ułomnego badzIEwia istnieje natomiast specjalna sztuczka.
atom
Nowy
Nowy
Posty: 145
Rejestracja: wt gru 20, 2005 1:55 pm
Kontakt:

Re: [HTML/CSS] Zdarzenie onmouseover dla tr

Post autor: atom »

Hover jest najprostszym rozwiązaniem. Poniżej modyfikacja Twojego przykładu która powinna zadziałać.

Kod: Zaznacz cały

.klasa {
    color: red;
 }
...
<tr onmouseover="this.className='klasa' ">
ODPOWIEDZ