Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][JavaScript]Powiększanie, pomniejszanie tekstów - problem JS
Poczatkujacy_Web
post 16.06.2014, 19:04:22
Post #1





Grupa: Zarejestrowani
Postów: 145
Pomógł: 0
Dołączył: 30.07.2012
Skąd: Łódź

Ostrzeżenie: (10%)
X----


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>
Go to the top of the page
+Quote Post
kpt_lucek
post 16.06.2014, 20:41:41
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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


http://jsfiddle.net/Cm2ah/7/

Coś w ten deseń?


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
Poczatkujacy_Web
post 16.06.2014, 22:44:57
Post #3





Grupa: Zarejestrowani
Postów: 145
Pomógł: 0
Dołączył: 30.07.2012
Skąd: Łódź

Ostrzeżenie: (10%)
X----


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ść...
Go to the top of the page
+Quote Post
markuz
post 16.06.2014, 23:01:08
Post #4





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


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.


--------------------
Go to the top of the page
+Quote Post
Poczatkujacy_Web
post 16.06.2014, 23:57:01
Post #5





Grupa: Zarejestrowani
Postów: 145
Pomógł: 0
Dołączył: 30.07.2012
Skąd: Łódź

Ostrzeżenie: (10%)
X----


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
Go to the top of the page
+Quote Post
markuz
post 17.06.2014, 08:31:11
Post #6





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

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


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.


--------------------
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: 15.07.2025 - 14:43