Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Zmiana stylu wszystkich elementów, document.getElementById('nazwa').style.width = '400px'
verio
post 12.11.2010, 14:28:09
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 1
Dołączył: 23.01.2007
Skąd: Wołomin

Ostrzeżenie: (0%)
-----


Witam. Potrzebuję pomocy ze skryptem zmieniającym wielkość wszystkich elementów o danym id na stronie. Niestety nie mam możliwości zmiany id danych elementów, które chcę zmienić, a wiem, że byłoby łatwiej tak:
  1. <div id="nazwa1"></div>
  2. <div id="nazwa2"></div>
  3. <div id="nazwa3"></div>
  4. ...itd



Obecnie mój skrypt zamienia tylko pierwszy element o danym id. Wygląda on tak:
  1. <script type="text/javascript">
  2. document.getElementById('nazwa').style.width = '400px';
  3. document.getElementById('nazwa').style.height = '260px';


Ktoś może mi pomóc z tym skrypcikiem?
Go to the top of the page
+Quote Post
flashdev
post 12.11.2010, 14:34:05
Post #2





Grupa: Zarejestrowani
Postów: 812
Pomógł: 117
Dołączył: 2.12.2008

Ostrzeżenie: (10%)
X----


W html ustaw klasę dla elementów. class="..."
W js: getElementsByClassName + for in


--------------------
Go to the top of the page
+Quote Post
verio
post 12.11.2010, 14:56:54
Post #3





Grupa: Zarejestrowani
Postów: 49
Pomógł: 1
Dołączył: 23.01.2007
Skąd: Wołomin

Ostrzeżenie: (0%)
-----


Niestety po napisaniu czegoś takiego, wciąż mi skrypt nie działa...
  1. <script type="text/javascript">
  2. var tablica = getElementsByClassName('youtube-player');
  3. for (n in tablica) {
  4. tablica[n].style.width = '400px';
  5. tablica[n].style.height = '260px';
  6. }


Ten post edytował verio 12.11.2010, 14:57:32
Go to the top of the page
+Quote Post
Fantazyn
post 12.11.2010, 15:07:54
Post #4





Grupa: Zarejestrowani
Postów: 135
Pomógł: 38
Dołączył: 24.02.2007
Skąd: Warszawa

Ostrzeżenie: (10%)
X----


Spróbuj dopisać "document." przed motodą getElementsByClassName:

  1. <script type="text/javascript">
  2. var tablica = document.getElementsByClassName('youtube-player');
  3. for (n in tablica) {
  4. tablica[n].style.width = '400px';
  5. tablica[n].style.height = '260px';
  6. }




--------------------
Go to the top of the page
+Quote Post
verio
post 12.11.2010, 15:09:56
Post #5





Grupa: Zarejestrowani
Postów: 49
Pomógł: 1
Dołączył: 23.01.2007
Skąd: Wołomin

Ostrzeżenie: (0%)
-----


Przeoczenie. Działa smile.gif Dziękuję smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.05.2025 - 04:28