Forum PHP.pl > [JS] Zmiana wartosci styli...

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Zmiana wartosci styli...

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

Daimos

23.06.2007, 09:23:35

Witam
mam taki problem... jest sobie tekst, ktory ma ustalona klase np:

[HTML] pobierz, plaintext 
<span class="abc">aslkdjalksjdasd</span>
tu normalny tekst i znowu:
<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

abc667

23.06.2007, 10:01:49

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-type"
 content="text/html; charset=iso-8859-2">
  <meta http-equiv="Content-Language" content="pl">
<title>...</title>
<style>
.abc { color: red; }
 
</style>
<script type="text/javascript">
 
 
function getId(name)
{
	var style = document.styleSheets[0].cssRules;
 
	for(var i=0;i<style.length;i++)
	{
	if(document.styleSheets[0].cssRules[i].selectorText == name) return i;
	}
	return false;
}
 
function zmienKolor(color)
{
 
var id = getId('.abc');
 
document.styleSheets[0].cssRules[id].style.color = color;
}
 
 
</script>
</head>
<body>
 
<span class="abc">dsfdsfsdfdsfsdf</span>
<a href="#n" onclick="zmienKolor('green');">zmien</a>
 
<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>
</body>
</html>
[HTML] pobierz, plaintext

Daimos

23.06.2007, 10:06:00

wszystko ladnie pieknie, ale nie dziala na IE

ps. zna ktos oprocz tego metode na zmiane grafiki tla razem z kolorem w ie?
w foxie dziala takie cos:

[HTML] pobierz, plaintext 
document.getElementById('xxx').style.background = '#ffffff url(adresobrazka)';
[HTML] pobierz, plaintext

no a w IE zmienia w ten sposob kolor tylko

abc667

23.06.2007, 10:15:08

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

a co do tła spróbuj

[HTML] pobierz, plaintext 
document.getElementById('xxx').style.backgroundImage = 'url...
[HTML] pobierz, plaintext

Daimos

23.06.2007, 10:17:44

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 
document.linkColor = xxxx;
[HTML] pobierz, plaintext

i nie dziala w IE dalej

abc667

23.06.2007, 10:32:01

a wcześniej jak próbowałeś z tymi linkami?

Daimos

23.06.2007, 10:37:44

no ja wogole zanim odpisales znalazlem taki kod:

[HTML] pobierz, plaintext 
function changecss(theClass,element,value) {
	 var cssRules;
	 if (document.all) {
	  cssRules = 'rules';
	 }
	 else if (document.getElementById) {
	  cssRules = 'cssRules';
	 }
	 for (var S = 0; S < document.styleSheets.length; S++){
	  for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
	   if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
	    document.styleSheets[S][cssRules][R].style[element] = value;
	   }
	  }
	 }	
	}
[HTML] pobierz, plaintext

i wpisalem tak:

[HTML] pobierz, plaintext 
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 
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

i teraz dziala ladnie

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.