[CSS/JS] Zmiana tła komorki tabeli po najechaniu mysza

[skaniusz]

No wlasnie, czy ta to sie zrobic w javascripcie? A moze wystarczy CSS - odpowiednie ustawienie a:link itp?

[Siwy_PO]

Zobacz to:

<table bgcolor="#D2E9FF">
<tr><td onmouseover="this.style.background='red'" onmouseout="this.style.background='blue'" width="100" height="100">
</td></tr>
</table>

[skaniusz]

EEE, dziala elegancko!! Dzieki.
A czy da sie z tej komorki zrobic hiperlacze? Kiedys probowalem cos takiego, ale kursor po najechaniu na komorke wariowal - i bylo to mylace. Ale moze da sie?

[skaniusz]

I jescze jedno: probuje ta metoda zmienic wlasciwosci "border" tej komorki. Wpisuje:

Kod: Zaznacz cały

<td class="items" onmouseover="this.style.border='green'">

albo

Kod: Zaznacz cały

<td class="items" onmouseover="this.style.font-family='arial'">

i nie dziala. Dlaczego?

[Stig]

Możesz także zastosować pseudklasę :hover dla elementu TD, np.:

Kod: Zaznacz cały

td:hover {
background-color: #FF0000;
}

Jedyny minus: jak często to bywa, polecenie nie jest interpretowane przez IE, choć takie zastosowanie klasy :hover jest przez specyfikację CSS dozwolone .
Można pocieszyć się faktem, iż ilość użytkowników nowoczesnych przeglądarek rośnie z dnia na dzień .

[Asit]

zmiana koloru obramowania po najechaniu na element myszka jest mozliwa rowniez w IE.. dokladnie robi sie to tak:

Kod: Zaznacz cały

<td onmouseout="this.className='items'" onmouseover="this.className='hover'">

a w stylach ustawiasz dwie klasy items i hover i zmieniasz im atrybuty np tlo, obramowanie i co tam jeszcze chcesz
pozdrawiam

[skaniusz]

Dzieki. Czy jest gdzies jakis spis atrybutow, ktore poddaja sie modyfikacjom w javascripcie?

[viraptor]

Zdaje się, że wszystkie można zmodyfikować - jak chcesz dokładną listę, to sprawdź w dokumentacji:
http://www.mozilla.org/js/language/