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

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

В данном примере будет приведен «лизинговый калькулятор» который легко настраивается и может работать практически с любой 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 элементы и настроить их по вашему усмотрению.

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

Заказать калькулятор на сайтЗаказать калькулятор
Информация по телефону: (+998 90) 983-33-69 Viber Telegram
Рассчитать разработку сайта на калькуляторе онлайн

Рассчитать разработку сайта на калькуляторе

Онлайн калькулятор расчета стоимости разработки проекта. Выберите интересующие параметры и узнайте цену на разработку - прямо сейчас!

Web-usability, повышение качества сайта

Web-usability, повышение качества сайта

Определение «usability» или полностью «web-usability» означает степень удобства использования сайта для пользователей и достижение ими определенных целей. Стандарт ISO 9241-11.

Инструкция по Dublin Core Metadata

Инструкция по Dublin Core Metadata

Если при анализе сайта вам выдается сообщение типа - Ваш веб-сайт не использует преимущества Dublin Core, то этот материал поможет исправить это.

Наши клиенты