Wikisłownik:Dynamiczne klasy CSS

Kod JavaScript uzupełniający linki do sekcji językowych dodaje też klasy CSS. Klasy są dodawane dynamicznie do prawie wszystkich elementów strony. Skrypt działa u wszystkich użytkowników z włączonym JS, także niezalogowanych, pod wszelkimi przeglądarkami i skórkami.

Dodawane klasy CSS:

  • lang-kod, gdzie kod jest kodem języka wg. strony Pomoc:Linki do sekcji językowych – język bieżącej sekcji językowej
  • fldn-n, gdzie n jest dziesiętnie zapisanym numerem – numer kolejny bieżącego pola w ramach danej strony
  • fldt-typ, gdzie typ jest polską nazwą pola pozbawioną polskich znaków, a ściślej – tekstem wpisanym w wywołania szablonu {{pole}} jako id – typ bieżącego pola. Klasa nie zmienia się po zmianie ustawień językowych, choć zmienia się wtedy wyświetlany w danym polu tekst. Nagłówek sekcji językowej ma klasę fldt-header.

Klas tych nie widać w kodzie HTML strony, jednak można je wykorzystać w swoim common.css albo przy pisaniu gadżetów. Mogą jednak nie być jeszcze dodane w momencie uruchomienia danego gadżetu.

Klasy nie są dodawane do pola [edytuj] obok nazwy sekcji ze względu na psucie się wówczas gadżetu QuickEdit. Klasa jest jednak nadawana elementowi nadrzędnemu.

Banalny przykład edytuj

Wpisanie na stronie common.css:

.lang-en {
	background-color: #D0D0FF;
}

spowoduje zabarwienie sekcji języka angielskiego na niebiesko.