Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Zmniejszanie rozmiaru czcionki - ustalenie limitu
trifek
post 3.03.2019, 10:00:10
Post #1





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

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


Witam.
Mam taki kod:

  1. function changeFontSize(points) {
  2. var e = document.getElementsByTagName("BODY")[0];
  3. var style = window.getComputedStyle(e);
  4. var size = style.getPropertyValue('font-size');
  5. size = size.replace("px", "");
  6. size = size * 1;
  7. size = size + points;
  8. //if(size <= 0 && size <= 3){
  9. e.style.fontSize = size + "px";
  10. localStorage.setItem("size", size);
  11. //}
  12. }
  13.  
  14. function saveFontSize() {
  15. var size = localStorage.getItem("size");
  16. if (size !== null) {
  17. var e = document.getElementsByTagName("BODY")[0];
  18. e.style.fontSize = size + "px", '!important';
  19. }
  20. }
  21.  
  22. document.addEventListener("DOMContentLoaded", saveFontSize);
  23.  
  24.  
  25.  
  26. <a href="#" onclick="changeFontSize(1);">plus</a>
  27. <a href="#" onclick="changeFontSize(-1);">minus</a>



Powyższy kod działa poprawnie.
Funkcja powiększa i zmniejsza rozmiar czcionki na mojej stronie.

Chciałbym ograniczyć funkcję do zmniejszenie rozmiaru czcionki do minimalnie rozmiaru oryginalnego oraz powiększenia do 3 kliknięć (3 point).

Wie ktoś może jak poprawić moją funkcję żeby to zadziałało?

Bardzo proszę o pomoc.
Go to the top of the page
+Quote Post
gitbejbe
post 3.03.2019, 17:17:50
Post #2





Grupa: Zarejestrowani
Postów: 515
Pomógł: 63
Dołączył: 27.08.2012

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


https://jsfiddle.net/vofdtbLe/

Ten post edytował gitbejbe 3.03.2019, 17:19:41
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: 25.04.2024 - 15:48