[CSS][JQUERY] poprawnosc kodu Opcje

[michalszweisig]

Witam!
Mam zrobione w JQUERY dodawanie tekstu w

[HTML] pobierz, plaintext 
<span id="aaa"></span>
[HTML] pobierz, plaintext 

tak:

[HTML] pobierz, plaintext 
$("#aaa").html('<font color="red">czerwony</font>');
[HTML] pobierz, plaintext 

lub tak:

[HTML] pobierz, plaintext 
$("#aaa").html('<font color="green">zielony</font>');
[HTML] pobierz, plaintext 

jak to przerobić, żeby było zgodnie ze standardami i kolorowanie tekstu odbywało się w CSS, a nie na sztywno wbite do HTML jak to jest tutaj? Słabo się na tym znam, więc proszę o pomoc.

[ylk]

[HTML] pobierz, plaintext 
<span style='color:green'>zielony</span>
[HTML] pobierz, plaintext 

(IMG:style_emoticons/default/questionmark.gif)

[matino]

Stwórz dwie klasy CSS, np. green i red.
W JS dodajesz po prostu klasę przed wstawieniem HTMLa:

[HTML] pobierz, plaintext 
$('#aaa').attr('class', 'green');
$('#aaa').html('zielony');
[HTML] pobierz, plaintext 

[michalszweisig]

Dzięki matino!

Ten post edytował michalszweisig 15.04.2011, 12:55:05