Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Zmiana wartosci styli...
Daimos
post
Post #1





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

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

Witam
mam taki problem... jest sobie tekst, ktory ma ustalona klase np:
[HTML] pobierz, plaintext 
  1. <span class="abc">aslkdjalksjdasd</span>
  2. tu normalny tekst i znowu:
  3. <span class="abc">aslkdjalksjdasd</span>
[HTML] pobierz, plaintext

teraz jak z poziomu javascript zmienic np. kolor dla wszystkich napisow umieszczonych w znacznikach span gdzie class = "abc"
nie moge wstawic ID do kazdego pola, wiec wyciaganie po getElementById odpada
chyba da sie po klasach zmieniac ogolne wartosci, tylko jak
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
abc667
post
Post #2





Grupa: Zarejestrowani
Postów: 229
Pomógł: 0
Dołączył: 29.05.2007

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-type"
  5.  content="text/html; charset=iso-8859-2">
  6.   <meta http-equiv="Content-Language" content="pl">
  7. <title>...</title>
  8. <style>
  9. .abc { color: red; }
  10.  
  11. </style>
  12. <script type="text/javascript">
  13.  
  14.  
  15. function getId(name)
  16. {
  17. 	var style = document.styleSheets[0].cssRules;
  18.  
  19. 	for(var i=0;i<style.length;i++)
  20. 	{
  21. 	if(document.styleSheets[0].cssRules[i].selectorText == name) return i;
  22. 	}
  23. 	return false;
  24. }
  25.  
  26. function zmienKolor(color)
  27. {
  28.  
  29. var id = getId('.abc');
  30.  
  31. document.styleSheets[0].cssRules[id].style.color = color;
  32. }
  33.  
  34.  
  35. </script>
  36. </head>
  37. <body>
  38.  
  39. <span class="abc">dsfdsfsdfdsfsdf</span>
  40. <a href="#n" onclick="zmienKolor('green');">zmien</a>
  41.  
  42. <span class="abc">text test text test text test text test text test text test text test text test text test text test text test text test text test </span>
  43. </body>
  44. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- my salsa   [JS] Zmiana wartosci styli...   23.06.2007, 09:23:35
- - abc667   [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC...   23.06.2007, 10:01:49
- - my salsa   wszystko ladnie pieknie, ale nie dziala na IE ps....   23.06.2007, 10:06:00
- - abc667   co do pierwszego to raczej nie mam ochotę na zabaw...   23.06.2007, 10:15:08
- - my salsa   no oddzielne wprowadzenie pomoglo, dzieki. A z IE ...   23.06.2007, 10:17:44
- - abc667   a wcześniej jak próbowałeś z tymi linkami?   23.06.2007, 10:32:01
- - my salsa   no ja wogole zanim odpisales znalazlem taki kod: [...   23.06.2007, 10:37:44

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.01.2026 - 18:54
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn