Forum PHP.pl > instrukcja dla wielu elementów na raz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: instrukcja dla wielu elementów na raz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

1010

22.07.2007, 20:26:20

Witam
Mam taki problem.
Potrzebuję po kliknięciu w jeden div zmienić nazwę klasy dla 10 innych div-ów. Oto kod:

[HTML] pobierz, plaintext 
onclick="getElementById('1').className='przycisk'; getElementById('2').className='przycisk'; getElementById('3').className='przycisk'; getElementById('4').className='przycisk'; getElementById('5').className='przycisk'; getElementById('6').className='przycisk'; getElementById('7').className='przycisk'; getElementById('8').className='przycisk'; getElementById('9').className='przycisk'; getElementById('10').className='przycisk';"
[HTML] pobierz, plaintext

I wszystko w sumie działa... Tylko mam takie jedno małe pytanie...
Jak zapewne zauważyliście dla każdego z 10 elementów przypisywana jest ta sama nazwa klasy. Czy można zapisać to jakoś krócej, tak alby działanie było takie samo?

Z góry dziękuję za pomoc.

PS. JavaScript to nie jest moja mocna strona...

skowron-line

22.07.2007, 21:18:23

jezeli masz takie nazwy jak napisales czyli 1,2,3,4... to mozesz sobie przeciez w petli zmieniac,a jezeli masz jakies tam sobie nazwy np. item_1,item_2,item_3 to mozesz sobie wrzucic do tablicy i w petli odczytywac i zmieniac, a jezeli nazwy sa dowolne to moze
getElementsByTagName

Zajec

23.07.2007, 08:09:53

Nie wolno przypisywać ID ani klas rozpoczynających się od cyfry! Popraw np. na własnie jakieś item_n.

prond

23.07.2007, 08:25:10

Proponuje ci skorzystać jakiegoś frameworka JS, np prototype.js.
W przypadku tego akurat frameworka możesz odwoływać się do elementów wykorzystując selektory CSS.
Np.:

[HTML] pobierz, plaintext 
<a onclick="$$('.jakas_klasa_css').each(function (el) {
  el.addClassName('przycisk');
});">rob to</a>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.