Radek_1
15.03.2009, 01:22:57
Witam,
Mam stronę
http://dzidek.home.pl/strtest/test.html i chcę zrobić by po najechaniu na liczbę jakąś podświetlała się zadana ilość elementów. Czyli np. chcę by zaznaczały się 3 z kolei elementy po najechaniu. Najeżdżam na 03 i podświetla się 03, 04, 05. Jak to zrobić? Czy da się to zrobić w css, czy trzeba jakaś javę stosować? Nie mam kompletnie żadnego pomysłu
erix
15.03.2009, 01:25:01
Zostaje tylko JS. Najlepiej jakiś framework, bo jednak sie trochę zajeździsz.
decha-design
15.03.2009, 01:26:17
w CSS nie da rady ... Java też nie =)) Jak już to javascript ...
zrób tak, że dla danego <li> przypisz id o danym numerku ... i po najechaniu (onmouseover) wykonywala się funkcja z pętlą, która bedzie zaznaczala kolejnych ileś tam liczb
Radek_1
15.03.2009, 22:58:51
Nniestety JS nie umiem, jednak poczytałem trochę z linków podklejonych, zrobiłem tak jak mówił decha-design i stworzyłem coś takiego:
http://dzidek.home.pl/strtest/test.htmlNiby działa, ale czy to jest najlepszy i najbardziej optymalny sposób? Ktoś bardziej doświadczony w JS mógłby spojrzeć?
erix
16.03.2009, 11:15:42
Raczej przez zwykłą listę wyliczeniową będzie ciężko - mało przenośne; wymagałoby to znajomości, ile kolumn mieści się w wierszu.
Zrób to na tabelce (sic!, tu się właśnie tabelka przyda), bez problemu wyliczysz liczbę kolumn. Przy najechaniu obliczasz numer elementu w wierszu i powtarzasz to samo dla każdej linijki.