Разработка лизингового калькулятора для сайта

Лизинговый калькулятор для сайта

В данном примере будет приведен «лизинговый калькулятор» который легко настраивается и может работать практически с любой CSM (движок сайта). Исходный код калькулятора выполнен через стандартные теги форматирования html такие как DIV, так что изменить дизайн калькулятора будет легко и просто.

Создаем файл с любым названием (например: calc.js) и вставляем jQuery код.

(function() {
        var $ = jQuery;
        $(document).ready(function() {
                function calc(){
                    var credit_sum = parseInt($('input[name=i_cash]').val());
                    var credit_time = parseInt($('#i_time').val());
                    var credit_advance = parseInt($('input[name=i_avans]').val());
                    var percentage_year = false;
                    
                    if(credit_advance > 80)
                    {
                        alert('Аванс не должен превышать 80%');
                        return;
                    }
                    
                    switch (credit_time){
                        case 13:
                            percentage_year = 18;
                        break;

                        case 18:
                            percentage_year = 18;
                        break;

                        case 24:
                            percentage_year = 18;
                        break;

                        case 36:
                            percentage_year = 18;
                        break;
                    }
                    
                    var advance_sum = (credit_sum / 100) * credit_advance;
                    var month_sum = (credit_sum - advance_sum) / credit_time;
                    
                    var lisng_sum = (credit_sum - advance_sum) * (((percentage_year * 0.01)/12) * credit_time) / credit_time;
                    $('#cash-result').html(credit_sum);
                    $('#time-result').html(credit_time);
                    $('#percent-result').html(month_sum);
                    $('#avans-result').html(advance_sum);

                    $('#result').html((month_sum + lisng_sum).toFixed(2));
                    
                }
                $('#calculating').click(function(){
                        calc();
                });

        });

})(jQuery);

Далее копируем его в папку (JS) или любую другую и прописываем код запуска в шаблон сайта.

Если вы выбрали другое название для директории, то не забудьте заменить его в коде.

К тому же вам необходимо подключить библиотеки jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="/js/calc.js"></script>

Теперь вставляем исходный код калькулятора в то место сайта где необходимо его отображение.

После чего остается только создать соответствующие CSS элементы и настроить их по вашему усмотрению.

Также на нашем сайте есть пример калькулятора для расчета стоимости разработки сайта.

7 основных видов веб-дизайна сайта

7 основных видов веб-дизайна

Одной из самых обширных отраслей веб-разработок в настоящее время является область веб-дизайна. О достойном оформлении собственного ресурса должен позаботиться каждый веб-мастер. Грамотная разработка дизайна может стать гарантией того, что проект сможет составить достойную конкуренцию сторонним ресурсам, обладая высокими потребительскими свойствами и эстетическими качествами.

Заказать адаптивный дизайн или отдельную мобильную версию сайта

Адаптация дизайна или создание мобильной версии сайта

Для того чтобы ваш сайт корректно отображался на любых устройствах, мы рекомендует сделать адаптивную верстку или создать отдельную мобильную версию (независимую от основного дизайна).

Разработка дизайна сайта. Уникальный дизайн - против шаблона!

Разработка дизайна сайта. Уникальный дизайн - против шаблона!

Разработка авторских сайтов. Отличия между уникальным дизайном и бесплатным шаблоном. На примере графика показано как изменения коснулись позиций.

Как подбирать ключевые слова для Яндекс Директа

Как подбирать ключевые слова для Яндекс Директа

Описание эффективного подбора ключевых слов - настройка Яндекс Директа. Увеличение значения CTR для снижения стоимости рекламы.

Наши клиенты