Zdarza się, że chcemy przebudować wygląd jakiegoś elementu na stronie w odpowiedzi na pewne działania usera. Można wtedy zmieniać pojedyncze atrybuty CSS, jednak czy nie lepiej jest przypisać całą klasę?
Oto kod w "czystej" Javie Script:
{codecitation} function zmien_klase_CSS(nazwa_nowej_klasy, element) {
var el = document.getElementById(element);
el.className = nazwa_nowej_klasy;
} {/codecitation}
A w kodzie HTML należy to wywołać mniej - więcej tak:
{codecitation}
<p>To jest przykładowy napis</p>
<p><a href="javascript:zmien_klase_CSS('nowa','napis')">Zmień klasę</a></p> {/codecitation}
Przydałby się jeszcze przykładowy kod CSS:
{codecitation} .stara {
font: normal 1em arial, sans-serif;
}
.nowa {
font: bold 2em verdana, sans-serif;
} {/codecitation}
Po złożeniu tego w jedną stronę, wszystko powinno działać jak należy. Read more
|