Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zmniejszanie rozmiaru czcionki - ustalenie limitu
Forum PHP.pl > Forum > Przedszkole
trifek
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.
gitbejbe
https://jsfiddle.net/vofdtbLe/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.