![]() |
![]() |
![]() |
![]() |
![]() |
Powiększ tekst:
![]() ![]() ![]() Szybka zmiana wielkości czcionki na stronie za pomocą java script i css’a.September 7th, 2009, 13:51 @ CSS, java script, Strony wwwPrzeglądając globalną sieć napotykałem ciekawy trick na stronach. Jest to kilka buttonów “AAA”, za pomocą których wielkość czcionki tekstu zwiększa się, bądź zmniejsza, w zależności od potrzeb osoby czytającej serwis. Zaciekawiło mnie rozwiązanie tego problemu. Pobrałem stronę, która posiadała taką dogodność i zacząłem grzebać w kodzie. Po kilku chwilach, miałem już kod potrzebny do zaimplementowania na stronie docelowej, tej, którą właśnie czytasz 😉
Modyfikacja składa się ze skryptu java zaimplementowanego w “index.html”, stylów w pliku “style.css” oraz buttonów, które znajdują się w katalogu “navi”. index.html
style.css
Na końcu należy stworzyć katalog “navi”, w który należy wrzucić buttony: “a.gif”, “b.gif”, “c.gif”. Aby tekst zwiększał bądź zmniejszał swoją wielkość musi być zawarty w tagach “<div>”.
Jak zwykle, zamieszczam paczkę do ściągnięcia z gotowym, działającym kodem. Uważam, że jest to dobry krok, aby serwis mógł być odwiedzany także przez osoby, które mają problemy ze wzrokiem. Polecam. 3 odpowiedzi do “Szybka zmiana wielkości czcionki na stronie za pomocą java script i css’a.”Zostaw komentarz:Komentarze są moderowane, nie wysyłaj więc jednego komentarza kilka razy... | |
|
November 24th, 2010 at 00:02
Wmontowałem to w sklep działa ale jak daję więcej Div o id treść czy np. jest to w pętli to wtedy nie działa powiększa tylko pierwszego diva pużniej już nie
December 19th, 2010 at 10:43
Proponuję id=”tresc” więcej nie używać. Tylko raz. Należy utworzyć inne id.
April 23rd, 2013 at 13:25
Witam, ten skrypt nie spełnia podstawowych wymagań, po odświeżeniu strony wielkość czcionki wraca do domyślnej. To samo można i bez cookies zrobić, o wiele mniej kodu. Myślałem, że po to zapisuje do cookies, żeby pamiętał wielkość czcionki.