Ипотечный калькулятор html код.

Требуется создание калькулятора расчета стоимости услуг или товаров по определенным параметрам. Как правило, этим занимается программист. Данная задача является не очень простой, так как требуется учитывать множество параметров и, самое главное, калькулятор должен работать без сбоев, считать правильно. Одна ошибка в расчете может негативно отразиться на репутации вашего заказчика, для которого вы делаете проект. Он потеряет клиента, а кому это нужно? Чтобы все было гладко, для этих задач нужно нанимать хорошего программиста, который, на сегодняшний день, стоит очень дорого. Но что же делать, если создать калькулятор расчета стоимости нужно в проекте с ограниченным финансированием, когда бюджет не позволяет нанять квалифицированного программиста? Решение оказалось довольно простым. Как всегда, на помощь пришел с его плагинами. Мне удалось найти 6 плагинов, с помощью которых можно сделать приличный калькулятор расчета стоимости . Некоторые из них платные, но более качественные, некоторые бесплатные.

ez Form Calculator

Calculated Fields Form

Inquiry Calc

Здравствуйте, друзья! С вами Павел Макаров. Сегодня кредиты прочно вошли в нашу жизнь и многие из нас просто не представляют, как совершать дорогие покупки без кредита… А вот как рассчитать кредит знают далеко не все, обычно всецело доверяя сотрудникам банка.

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

Основные виды платежей по кредиту :

1. Дифференцированные платежи представляют собой ежемесячные выплаты по кредиту, которые к концу срока договора кредитования уменьшаются. Данные платежи состоят из определенной доли основного долга, а также процентов, которые начисляются на оставшуюся невыплаченную сумму кредита. Используются они зачастую в Сбербанке.

2. Аннуитетные платежи представляют собой равные по сумме ежемесячные платежи, состоящие из доли основного долга и суммы процентов, начисленных за пользование кредитом. Такие платежи довольно часто применяются в коммерческих банках.

Мой кредитный калькулятор основан на формуле расчёта именно Аннуитетных платежей. Кредитный калькулятор позволяет рассчитать сумму ежемесячных платежей, общую сумму платежей по кредиту, сумму переплаты по кредиту. Работает кредитный калькулятор без перезагрузки страницы .

Как рассчитываются аннуитетные платежи?

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

1. Проценты, начисляемые за пользование кредитными средствами.

2. Сумма основного долга.

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

РАП - размер аннуитетного платежа, ПСК - первоначальная сумма кредита, ПГС - процентная годовая ставка, СК - срок кредита. Такую формулу можно назвать «классической», потому что она применяется во многих банках, электронных таблицах, кредитных калькуляторах .

Итак, давайте посмотрим, как будет выглядеть и работать наша форма кредитного калькулятора on-line без перезагрузки страницы.

Заполняем поля: сумма кредита, ставка % в год, период выплат - годы и месяцы.

Вот так, друзья, всё это будет выглядеть. Ну, а теперь, переходим к коду.
HTML-код формы кредитного калькулятора on-line будет выглядеть так:

Калькулятор кредита:

Итог расчёта:

Давайте приведём нашу форму кредитного калькулятора в «человеческий» вид, добавляем CSS-стили:

SidebarForm { background: #f6f6f6; box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; width: 420px; } #cor5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .sidebarForm h4 { font: 14px Verdana; color: #333333; text-align: left; padding: 10px 10px 10px 10px; margin: 0px; } .sidebarForm label { font: 12px Verdana; color: #333; padding: 10px; } .sidebarForm .input { width: 179px; height: 20px; overflow: hidden; background: white; border: solid 1px #DFE2E5; margin: 5px 0 10px 10px; box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; } .sidebarForm .input input { width: 174px; height: 26px; background: white; margin: -3px 0 0 -5px; padding: 0px 8px; border: none; background: transparent; } .sidebarForm .select1 { width: 70px; height: 20px; float: left; overflow: hidden; background: white; border: solid 1px #DFE2E5; margin: 5px 7px 10px 10px; box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; } .sidebarForm .select1 select { width: 80px; height: 26px; background: white; margin: -3px 0 0 -5px; padding: 0px 8px; border: none; background: transparent; } .sidebarForm .select2 { width: 100px; height: 20px; overflow: hidden; background: white; border: solid 1px #DFE2E5; margin: 5px 0 10px 10px; box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; } .sidebarForm .select2 select { width: 110px; height: 26px; background: white; margin: -3px 0 0 -5px; padding: 0px 8px; border: none; background: transparent; } .sidebarForm button { border: 2px #ccc solid; width: 150px; height: 25px; font: 12px Verdana; font-weight: 700; color: #FFFFFF; background-color: #cc0000; padding-bottom: 2px; margin: 5px 0 15px 135px; }

Информация из нашей формы кредитного калькулятора после нажатия на кнопку «Посчитать» передаётся в JavaScript обработчик, который размещается между тегами head на той же странице, что и html-код. Все необходимые вычисления кредитного калькулятора производятся в JavaScript коде.

Вот в принципе и всё, готов. Если у Вас есть навыки и опыт работы с JavaScript, Вы можете расширить возможности кредитного калькулятора, максимально адаптировав его под свои нужды.

Следующая статья на моём сайте выйдет также по программированию и будет посвящена созданию и установки капчи к страницы. Рекомендую подписаться на обновление моего сайта.

Как Вам статья? Надеюсь, тема: «Кредитный калькулятор on-line для Вашего сайта » была Вам интересна, и Вы нашли здесь для себя что-то полезное. Не забудьте подписаться на обновление моего сайта по e-mail.
Внимание! Всех приглашаю в свою

В рамках работы над очередным крупным порталом посвященного недвижимости, был написан скрипт, вернее даже целый компонент « «. Сразу оговорюсь, что сама идея не нова, и мы в качестве образца решили использовать модель калькулятора с сайта (информация была скрыта по просьбе трудящихся ). Иными словами задача стояла следующая: — «Сделать полную копию, аналог этому калькулятору». Разумеется аналог получился схожим лишь только визуально, для пользователя. Все обслуживающие скрипты, формулы и процессы интеграции калькулятора в уже работающую CMS были уникальны.

Подробно о работе ипотечного калькулятора .

Калькулятор был полностью написан на PHP, часть визуального оформления, я именно HTML и CSS были позаимствованы у так называемого донора (минимализм до нельзя). Так же наш калькулятор, в процессе расчетов обращается к базе mySQL для получения курсов нужных нам валют — USD, EUR (предварительно эти и многие другие курсы валют, заносятся в базу, ежечасно, специально написанным парсером).

Алгоритм работы

Пользователь переходит на страницу калькулятора и в соответствующей форме указывает все исходные значения для расчетов. Но предварительно выбрав тип расчета:

1. Ежемесячные платежи исходя из известной цены квартиры
2. Бюджет покупки квартиры исходя из ежемесячных платежей

Далее в зависимости от типа расчета, пользователь указывает «Стоимость квартиры » или «Ежемесячный платеж «. Заполняет поля «Первоначальный взнос «, «Ставка кредита » (в процентах) и «Срок кредитования » (кол-во лет). Так же пользователь может указать предпочитаемую валюту на против каждого поля, это может быть весьма удобным при покупке недвижимости за рубежом. Ипотечный калькулятор сам пересчитает всё, по текущему курсу валют.

Формулы по которым производится расчет

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

t — количество периодов оплаты;
Кр — сумма кредита;
k — процентная ставка, начисляемая на задолженность за период;
BK — размер платежа за i — й период (i принимает значения от 1 до t );

Вычисляем общую сумму кредита, которую пользователь сможет получить (из сумму вычтены проценты, за пользование кредитом)

BK=Кр * k * (1+k)^t / ((1+k)^t — 1)

Для расчета и постарения графика исходя из ежемесячных платежей, используется формула:

Построение графиков

Все графики строятся с использованием библиотеки из Google Chart Tools. Раньше мне не приходилось работать с этим замечательным инструментом, но тем не менее его удалось в течении получаса интегрировать в калькулятор и начать его использование. Стоит заметить, что с помощью этой библиотеки можно строить графики любых типов (например Pie Chart, Line Chart, Column Chart, Area Chart, Tree Map, Controls and Dashboards и прочие).

Приведу несколько скриншотов получившихся графиков: