Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][JavaScript]Powiększanie, pomniejszanie tekstów - problem JS
Forum PHP.pl > Forum > Przedszkole
Poczatkujacy_Web
Witam,

mam taki problem mam kod, który powiększa, zmniejsza i przywraca do normalnego rozmiaru czcionke, tylko... no nie działa to jak powinno, mianowicie chodzi o to, że nie zaczyny od rzeczywistego rozmiaru elementów tylko z góry narzuca nie wiem czemu normalną wielkość o rozmiarze 14px

czy jest ktoś w stanie pomóc mi to przerobić tak aby zaczytywało wielkość i dopiero od tej zaczytanej zmianiało rozmiar?

  1. <script type="text/javascript">
  2.  
  3. jQuery(document).ready(function() {
  4. var pow = jQuery('#powiekszanie');
  5. var norm = parseInt(pow.css('font-size'));
  6.  
  7. jQuery('#pow').click(function(){
  8. var fs = parseInt(pow.css('font-size'));
  9. if(fs < norm + 2) {
  10. pow.css('font-size', (fs+1) + 'px');
  11.  
  12. pow.find('div, p, span, a, h2').css('font-size', (fs+1) + 'px');
  13.  
  14. }
  15. });
  16. jQuery('#norm').click(function(){
  17. pow.css('font-size', norm + 'px');
  18.  
  19. pow.find('div, p, span, a, h2').css('font-size', norm + 'px');
  20. });
  21. jQuery('#pom').click(function(){
  22. var fs = parseInt(pow.css('font-size'));
  23. if(fs > norm - 2) {
  24. pow.css('font-size', (fs-1) + 'px');
  25.  
  26. pow.find('div, p, span, a, h2').css('font-size', (fs-1) + 'px');
  27. }
  28. });
  29.  
  30. });
  31. </script>
kpt_lucek
http://jsfiddle.net/Cm2ah/7/

Coś w ten deseń?
Poczatkujacy_Web
Cytat(kpt_lucek @ 16.06.2014, 21:41:41 ) *


Ogólnie fajne ale chodzi mi o to aby po wciśnięciu przycisku np A+, A-, A - to działało, na stronie są różne elementy o różnym rozmiarze czcionki, chodzi o to że jeżeli element ma font-size: 14px, a drugi (czyt. tytul) ma font-size: 20px to aby i jeden i drugi dostał +2 do font-size ( czyli pierwszy by miał 16px, a drugi 22px po zmianie ), a póki co to ten mój kod działa, że każdy z nich dostaje dokładnie taką samą wielkość...
markuz
Może tak:
1. Podziel treść na klasy względem wielkości
2. Nazwy klas zapisz w tablicy
3. Na start - pętla po tablicy i zapis podstawowego rozmiaru dla danej klasy.
4. Przy zwiększaniu/zmniejszaniu tekstu - pętla po tablicy i format każdej klasy osobno.
Poczatkujacy_Web
Cytat(markuz @ 17.06.2014, 00:01:08 ) *
Może tak:
1. Podziel treść na klasy względem wielkości
2. Nazwy klas zapisz w tablicy
3. Na start - pętla po tablicy i zapis podstawowego rozmiaru dla danej klasy.
4. Przy zwiększaniu/zmniejszaniu tekstu - pętla po tablicy i format każdej klasy osobno.



Dobra podpowiedź myślę, tylko trochę nie wiem jak się za to zabrać, jak być mógł dać mi jakiś przykład jak to zrobić to będę wdzięczny
markuz
A z którym punktem sobie nie poradzisz? Nie umiesz podzielić treści na klasy? A może nie umiesz utworzyć tablicy w js? Wszystko jest pokazane w pierwszym lepszym kursie javascript. A całą reszte masz w twoim skrypcie (pobieranie rozmiaru czcionki, zwiększanie/zmniejszanie). Napisz chociciaż kawałek i powiedz z czym masz problem - gotowego rozwiązania Ci nie podam.
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.