Калькуляторы и jQuery

Совсем недавно дружеская нам студия web-moment.ru попросила помощи в доработке онлайн калькулятора на сайт. Мы, конечно, не отказали. Задача была простая: сделать калькулятор меньше размером, динаминей и удобней для пользователя.

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

После чего приступили к программированию самого калькулятора. Для этого мы подключили сначала jQuery, я думаю не стоит объяснять что это, и как облегчает написание на javascript. Также подключили jQuery плагин «selectboxes», позволяющий быстро и удобно управлять списками посредством javascript.

Дальше задумались о самом расчёте, ведь ценообразование строилось по данным большой таблицы в Exel.

Но и с этим мы справились, пришлось разбить вычисления на 3 этапа, т.к. цена составлясь по разным формулам в зависимости от входных размеров.

Итоговый скрипт занимает всего 3Кб, лекго масштабируется и подправляется. Если он Вас заинтересовал, скачивайте, разбирайтесь в коде, если возникнут вопросы, обращайтесь. Мы обязательно Вам поможем.

  1. А можете сделать калькулятор, с загрузкой данный из excel’евского листа. Как у вас на картинке ?

  2. Добрый день!
    Необходим калькулятор стоимости услуг:
    создан внешний вид (в Adobe Muse) и примерная логика расчетов, нужна нормальная верстка :) и код Js jquery.
    Хотелось бы узнать стоимость не могли бы вы со мной связаться.

  3. Добрый день, Александр.
    Уже написали вам на почту.


Оставить комментарий