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


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
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
Daimos
post
Post #3





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

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

wszystko ladnie pieknie, ale nie dziala na IE sad.gif
ps. zna ktos oprocz tego metode na zmiane grafiki tla razem z kolorem w ie?
w foxie dziala takie cos:
[HTML] pobierz, plaintext 
  1. document.getElementById('xxx').style.background = '#ffffff url(adresobrazka)';
[HTML] pobierz, plaintext

no a w IE zmienia w ten sposob kolor tylko

Ten post edytował my salsa 23.06.2007, 10:08:13


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
abc667
post
Post #4





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

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

co do pierwszego to raczej nie mam ochotę na zabawę z tym czymś

a co do tła spróbuj

[HTML] pobierz, plaintext 
  1. document.getElementById('xxx').style.backgroundImage = 'url...
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Daimos
post
Post #5





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

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

no oddzielne wprowadzenie pomoglo, dzieki.
A z IE to nie wiem co zrobic, moze ktos bedzie mial pomysl?
bo ogolnie dziala, ale niechce mi zmienic kolorow linkow
probowalem tez tak:
[HTML] pobierz, plaintext 
  1. document.linkColor = xxxx;
[HTML] pobierz, plaintext
i nie dziala w IE dalej

Ten post edytował my salsa 23.06.2007, 10:19:41


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
abc667
post
Post #6





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

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

a wcześniej jak próbowałeś z tymi linkami?
Go to the top of the page
+Quote Post
Daimos
post
Post #7





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

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

no ja wogole zanim odpisales znalazlem taki kod:
[HTML] pobierz, plaintext 
  1. function changecss(theClass,element,value) {
  2. 	 var cssRules;
  3. 	 if (document.all) {
  4. 	  cssRules = 'rules';
  5. 	 }
  6. 	 else if (document.getElementById) {
  7. 	  cssRules = 'cssRules';
  8. 	 }
  9. 	 for (var S = 0; S < document.styleSheets.length; S++){
  10. 	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
  11. 	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
  12. 	    document.styleSheets[S][cssRules][R].style[element] = value;
  13. 	   }
  14. 	  }
  15. 	 }	
  16. 	}
[HTML] pobierz, plaintext

i wpisalem tak:
[HTML] pobierz, plaintext 
  1. changecss('a','color','#ffffff');
[HTML] pobierz, plaintext
wszystko dziala w foxie, ale ze linki maja swoje class to probowalem tez dopisac je odpowiednio:
[HTML] pobierz, plaintext 
  1. changecss('.classxxx','color','#ffffff');
[HTML] pobierz, plaintext
i dalej, w foxie dziala, w IE nie
co dziwne ogolnie ten skrypt dziala, bo zmienia mi inne rzeczy w IE, np kolor czcionek w jakiejs tabeli, ale linki zostawia
------------------
ok znalazlem rozwiazanie
musialem zdefiniowac w stylu najpierw te linki
kazda klase, bo nie wszystkie byly winksmiley.jpg i teraz dziala ladnie

Ten post edytował my salsa 23.06.2007, 10:48:42


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 19.08.2025 - 07:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn