0 / 0 / 0
Регистрация: 06.03.2018
Сообщений: 2
1

Постепенное увеличение размера шрифта кнопками масштаба

25.10.2019, 17:36. Показов 419. Ответов 1
Метки нет (Все метки)

Подскажите где ошибка
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(function () {
var fontStateP = 0;
var fontStateM = 0; 
$('.btn-fs').click(function () {
    var fontSize = parseInt($("body").css("font-size"));
    if ($(this).hasClass("plus-font-size"))
    {
        fontSize = fontSize + 1 + "px";
        $("body").css({'font-size':fontSize});
        fontStateP++;
    }
    if ($(this).hasClass("minus-font-size"))
    {
        fontSize = fontSize - 1 + "px";
        $("body").css({'font-size':fontSize});
        fontStateM++;
    }
    if ($(this).hasClass("normal-font-size"))
    {
        if (fontStateP>0)
        {
            fontSize = fontSize - fontStateP + "px";
            $("body").css({'font-size':fontSize});
        }
        if (fontStateM>0)
        {
            fontSize = fontSize + fontStateP + "px";
            $("body").css({'font-size':fontSize});
        }
        
    }
})
});
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
25.10.2019, 17:36
Ответы с готовыми решениями:

Постепенное увеличение размера дива и размера шрифта вложенного текста
Имеется див с текстом внутри. Как сделать, чтобы при загрузке страницы на экране было сначало...

Увеличение размера шрифта
Хочу написать свой текстовый редактор только начал по этому все пусто. Есть выпадающий список с...

Увеличение размера шрифта
Доброго времени суток. Подскажите пожалуйста, как увеличить шрифт на Flash сайте?

Автоматическое увеличение размера шрифта
Здравствуйте. Как сделать так, чтобы при просмотре сайта с мобильных устройств, в случае, если...

1
the hardway first
Эксперт JS
2196 / 1640 / 819
Регистрация: 05.06.2015
Сообщений: 3,339
28.10.2019, 11:00 2
Цитата Сообщение от prostoN Посмотреть сообщение
где ошибка
Вы увеличиваете значения fontStateP и fontStateM, но нигде не уменьшаете их и нигде не обнуляете, и похоже опечатка на 27 строке. Проработайте алгоритм внимательнее.

Теоретически вам достаточно одной переменной которая при увеличении будет увеличиваться, а при уменьшении - уменьшаться и при возврате к "нормальному" размеру вычитаете это значение из текущего значения размера шрифта.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
  $(function() {
    'use strict';
    var fontStateP = 0;
    // var fontStateM = 0;
    $('.btn-fs').click(function() {
      var fontSize = parseInt($("body").css("font-size"));
      
      if ($(this).hasClass("plus-font-size")) {
        fontSize = fontSize + 1 + "px";
        $("body").css({
          'font-size': fontSize
        });
        fontStateP++;
      }
      
      if ($(this).hasClass("minus-font-size")) {
        fontSize = fontSize - 1 + "px";
        $("body").css({
          'font-size': fontSize
        });
        fontStateP--;
      }
      
      if ($(this).hasClass("normal-font-size")) {
        fontSize = fontSize - fontStateP + "px";
        $("body").css({
          'font-size': fontSize
        });
        fontStateP = 0;
      }
    })
  });
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.10.2019, 11:00

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Увеличение размера шрифта в окне свойств
как увеличить размер шрифта в окне свойств в Visual Studio?

Увеличение размера шрифта с увеличением контейнера
<div class="block"> <div class="stepArticle"> <p class="text">info</p> ...

Увеличение и уменьшение размера шрифта метки
Найдите пожалуйста ошибку. Программа не работает. unit Unit1; interface uses Windows,...

Увеличение размера шрифта Label на единицу в таймере
на форме есть лейбл,таймер и кнопка. при нажатии кнопки срабатывает таймер и увеличивает размер...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.