Podstrony
- telcocafe
- Zmiana contact.php php-fusion
- [js] Select I Zmiana W Zaleznosci Od 2 Selecta
- [Mysql] Zmiana wartości rekordu Problem z dopasowanie rekordu
- [JS/PHP] Wykrycie czy plik php jest otwierany bezpośrednio czy przez skrypt JS
- [php]php lib gadu czyli gg przez skrypt php
- [CSS] wielkosc tabelki 1 zalezna od wielkosci tabelki 2
- Linkowanie w google Odnajdywanie stron przez google
- mambo nie wysyła nie wysyła mi maili przez smtp
- [JS, HTML] Ustawienie tytułu przez JS
- Menu Darmowe menu w JS
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- anielska.pev.pl
telcocafe
Mam klasę CSS w oddzielnym pliku.a { background-color: blue; }
a w kodzie HTML
<p class="a">tekst</p> <div class="a">treść</p>
Jak za pomocą Javascript zmienić wartość blue atrybutu background-color klasy a na yellow?
Zaznaczam, że chodzi o klasę, bowiem w innym przypadku stosuję funkcję getElementById()
2. Gdzie znajdę definicję funkcji Javascript, które są zalecane do użytku? Domyślam się, że chodzi o W3Cm, ale na ich stronie nie mogę znaleźć Javascript. Chodzi mi o ogólny zbiór funkcji, np. getElementById(), alert(), ponieważ szukanie odpowiedniej w googlach jest nie lada wyzwaniem.
Znalazłem coś takiego:
Object.prototype.getElementsByClassName=function(c){ for(var i=0,a=[],d;d=this.getElementsByTagName('*')[i++];){ if(RegExp("\\b"+c+"\\b",'gi').test(d.className) ){ a.push(d); } } return a; }
Użycie:
onload=function(){ for(i=0;d=document.getElementById('b').getElementsByClassNeme('test') [i++];) { d.setattribute('style','background:yellowgreen'); } }
Sie moze przyda sie... :)
Użytkownik master_dos edytował ten post 19 styczeń 2007, 18:04
@up: ja tam kilka podstawowych literówek widzę :P
Przeczytaj i popraw :P Przeczytaj, a nie wklejaj!
A ja dam to, tak na szybko napisane:<script type="text/javascript"> <!-- document.getElementsByClassName = function(className) { /* function from [url="http://riddle.jogger.pl"]http://riddle.jogger.pl[/url] */ var children = document.getElementsByTagName('*') || document.all; var elements = new Array(); for (var i = 0; i < children.length; i++) { var child = children[i]; var classNames = child.className.split(' '); for (var j = 0; j < classNames.length; j++) { if (classNames[j] == className) { elements.push(child); break; } } } return elements; } function changeBgByClass(nazwaKlasy,kolor) { obj = document.getElementsByClassName(nazwaKlasy); for(i=0; i < obj.length; i++) { obj[i].style.background = kolor; } } --> </script>
a później tylko wywołać, np.<input type="button" value="Zmien kolor" onclick="changeBgByClass('a','yellow');" />
Użytkownik DJ_ProG edytował ten post 19 styczeń 2007, 20:10
a gdzie są rekomendowane lub oficjalne opisy funkcji Javascript i JScript?
http://w3schools.com/js/ ?
Użytkownik Coldpeer edytował ten post 20 styczeń 2007, 19:20
a gdzie są rekomendowane lub oficjalne opisy funkcji Javascript i JScript? Maiłem dać, ale zapomniałem :P
Oprócz W3C, ja polecam Gecko DOM Reference - sam korzystam, i powiem, że przystępnie opisane :)