Wikisłownik:Dynamiczne klasy CSS

Z Wikisłownika – wolnego słownika wielojęzycznego
Przejdź do nawigacji Przejdź do wyszukiwania

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.