Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery], Powiększanie/zmniejszanie tekstu na stronie
dg2001
post 26.07.2010, 09:10:48
Post #1





Grupa: Zarejestrowani
Postów: 71
Pomógł: 12
Dołączył: 9.01.2008
Skąd: Olkusz

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


Mam taki problem, znalazłem sobie na necie funkcje do jQuery która ładnie mi powiększa i zmniejsza tekst na stronie www. Jednak pojawia się problem jeżeli w arkuszu CSS mam przy danym elemencie zadeklarowane font-size.

Nie znam się dokładnie na jQuery, dopiero zaczynam się w to bawić, lecz może tutaj znajdę jakąś pomoc na mój problem.

Oto skrypt:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function () {
  2. var min=10;
  3. var max=18;
  4. var reset = $('#content').css('fontSize');
  5. var elm = $('#content');
  6. var size = str_replace(reset, 'px', '');
  7.  
  8. $('a.fontSizePlus').click(function() {
  9. if (size<=max) {
  10. size++;
  11. elm.css({'fontSize' : size});
  12. }
  13. return false;
  14. });
  15.  
  16. $('a.fontSizeMinus').click(function() {
  17. if (size>=min) {
  18. size--;
  19. elm.css({'fontSize' : size});
  20. }
  21. return false;
  22. });
  23.  
  24. $('a.fontReset').click(function () {
  25. elm.css({'fontSize' : reset});
  26. });
  27. });
  28.  
  29. function str_replace(haystack, needle, replacement) {
  30. var temp = haystack.split(needle);
  31. return temp.join(replacement);
  32. }
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie


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: 31.07.2025 - 06:09