Wielu początkujących webmasterów chcąc "upiększyć" wygląd swoich stron nieświadomie utrudnia źycie czytelnikom, poprzez fatalny dobór koloru tła, koloru czcionki oraz wygląd pozostałych elementów. Większość Uźytkowników widząc taką witrynę natychmiast ją opuszcza. Co zrobić, jeśli na takiej stronie znajdują się dla nas naprawdę waźne informacje?
Teraz sami moźemy zmienić wygląd strony na taki, który nam się podoba i to wszystko dzięki jednej linijce prostego kodu JavaScript. Wszystko jest moźliwe dzięki temu, źe przeglądarki obsługują skrypty JavaScript w pasku adresu.
Aby się o tym przekonać wpiszmy prosty skrypt
Kod javascript: alert('Witaj Czytelniku e-Pomocnik')
Jeśli zobaczymy okienko alertu, znaczy, źe wszystko działa OK. W przeciwnym przypadku, albo uźywamy przeglądarki bez obsługi JavaScript (najpopularniejsze: Firefox, Opera, Internet Explorer obsługują JavaScript), lub po prostu mamy wyłączoną obsługę tego języka (wystarczy włączyć ja w opcjach).
Dobrze, zacznijmy od zmiany koloru tekstu. W pasku adresu wpiszmy
Kod javascript: void(document.body.style.color='red')
Kolor czcionki zostanie zmieniony na czerwony. Oczywiście zmienna
document.body.style.color moźe przyjmować inne wartości, wszystko zaleźy od tego, jaki kolor chcemy ustalić.
Podobnie moźemy zmienić tło
Kod javascript: void(document.body.style.background='black')
Ten kod odpowiada za zmianę koloru tła na czarny. Równieź tutaj moźemy zmienić wartość zmiennej
document.body.style.background.
Czasem zachodzi równieź potrzeba zmiany kierunku tekstu. Mam tutaj na myśli justowanie.
Kod javascript:void(document.body.style.direction='rtl')
(jak sama wartość zmiennej
rtl - right to left wskazuje) odpowiada za zmianę kierunku tekstu. Zmienna
document.body.style.direction moźe przyjąć równieź wartość
ltr.
Mamy juź moźliwość poprawienia wyglądu strony, tak, aby był wygodniejszy dla Naszych oczu. Źeby przyspieszyć taką operację, odpowiednie skrypty moźemy zapisać jako zakładkę np. w przeglądarce Firefox.
Tworzymy nową zakładkę i w pole formularza o nazwie Adres wprowadzamy:
Kod javascript:void(document.body.style.background='white');
void(document.body.style.color='black');
void(document.body.style.direction='ltr')
Od teraz chcąc zmienić kolor tekstu na czarny, ustawić białe tło oraz zmienić justowanie na domyślne (od lewej do prawej), wystarczy, źe klikniemy na naszą zakładkę. Prawda, ze szybkie i proste?
Zachęcam do dalszej zabawy. Za pomocą JavaScript moźemy równieź modyfikować kolor linków, zmieniać rodzaj czcionki, oraz wpływać na wygląd wielu innych elementów strony. Moźliwości jest duźo, dalszą zabawę pozostawiam Czytelnikowi :)