Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zmiana rozmiaru czcionki na stronie w jQuery
trifek
post 28.02.2019, 20:42:42
Post #1





Grupa: Zarejestrowani
Postów: 275
Pomógł: 0
Dołączył: 28.09.2015

Ostrzeżenie: (0%)
-----


Witam serdecznie.
Chciałbym zrobić na swojej stronie zmianę rozmiaru czcionki. Tzn. 2 guziczki (powiększ i pomniejsz) po kliknięciu których czcionka w wybranych klasach zostanie powiększona.

Klasy które chciałbym powiększyć to: .tytul, .tresc, .zajawka. Każda klasa ma inny rozmiar.


Aktualnie mam taki kod:


  1.  
  2. $(document).ready(function ($) {
  3. if (typeof localStorage.font === 'undefined') {
  4. localStorage.font = 0;
  5. }
  6.  
  7. loadSettings();
  8.  
  9. $(".fontSizeChanger1").click(function (e) {
  10. if (localStorage.font < 3) {
  11. addValues();
  12. }
  13. });
  14.  
  15. $(".fontSizeChanger2").click(function (e) {
  16. if (localStorage.font > 0) {
  17. removeValues();
  18. }
  19. });
  20.  
  21. function loadSettings() {
  22. if (localStorage.font != 0 ) {
  23. $(".tytul *").css('font-size', '+=' + localStorage.font);
  24. $(".tresc *").css('font-size', '+=' + localStorage.font);
  25. $(".zajawka *").css('font-size', '+=' + localStorage.font);
  26. }
  27. }
  28.  
  29. function removeValues() {
  30. localStorage.font = parseInt(localStorage.font) - 1;
  31. loadSettings();
  32. }
  33.  
  34. function addValues() {
  35. localStorage.font = parseInt(localStorage.font) + 1;
  36. loadSettings();
  37. }
  38. });
  39.  
  40.  



Rozwiązanie o którym mówię znajduje się np tutaj:

1. gdynia.pl
2. http://bip.zawiercie.powiat.finn.pl


Mógłbym prosić o pomoc z tym kodem?

Aktualnie nie powiększa i pomniejsza sad.gif Chciałbym zwiększać i pomniejszać czcionki w wybranych klasach o 1px.
Czyli domyślnie mam 0 (oryginalny rozmiar czcionki z CSS) - i po kliknięciu powiększam o 1px - max 3 px.

Bardzo proszę o pomoc smile.gif

Strona docelowa jest wykonana na Bootstrapie
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 9.12.2019 - 13:39