Wikisłownik:Dynamiczne klasy CSS
Wygląd
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.