Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> zmienianie stylu listy
kryspi
post
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 5.04.2006
Skąd: Okolice Warszawy

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


Hej,

jak zmienic mozna styl elementowi <li> (zeby go np podswietlic) pobranemu w nastepujacy sposob

  1. ul=document.getElementById('lista');
  2. li=ul.getElementsByTagName('LI');


cos takiego jak ponizej nie dziala niestety (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

  1. for(i=0;i<li.length;i++){
  2. li[i].style.color="red";
  3. }
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
pbnan
post
Post #2





Grupa: Zarejestrowani
Postów: 174
Pomógł: 0
Dołączył: 27.03.2007
Skąd: Osiek almost City ;-D

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


  1. <title>bla</title>
  2.  
  3. function change_style() {
  4. var ul = document.getElementById('lista');
  5. var li = ul.getElementsByTagName('li');
  6. for (var i=0; i < li.length; i++) {
  7. li[i].style.color='red';
  8. }
  9. }
  10.  
  11. </head>
  12. <ul id="lista">
  13. <li>asd</li>
  14. <li>asd</li>
  15. <li>asd</li>
  16. <li>asd</li>
  17. </ul>
  18. <input type="button" onclick="change_style();" value="click me!" />
  19. </body>
  20. </html>

Działa, testowane na FF2.0 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
kryspi
post
Post #3





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 5.04.2006
Skąd: Okolice Warszawy

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


Faktycznie dziala (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) w nocy to robilem to juz chyba nie odroznialem kolorkow. Mam jeszcze jedno pytanko do tego. Jak zmienic kolory jesli poszczegolne elementy listy sa jeszcze dodatkowo w tagu <a href..."
czyli lista wyglada tak

<ul id="lista">
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
<li><a href="">asd</a></li>
</ul>

za podpowiedz bede wdzieczny

Pozdrawiam

ok juz wiem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

trzeba zmienic

var li = ul.getElementsByTagName('li');

na

var li = ul.getElementsByTagName('a');

(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 17.09.2025 - 11:39