Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.10.2014, 20:07
Новичок на форуме
Отправить личное сообщение для PoisonX Посмотреть профиль Найти все сообщения от PoisonX
 
Регистрация: 29.10.2014
Сообщений: 3

Помогите с калькулятором
Нашел на просторах интернета калькулятор который рассчитывает кредит, в расчетных настройках есть величины: сумма кредита, процентная ставка и срок(в годах). Задача была такая - сделать расчет исходя из следующих условий:
1) Сумма кредита от 500р до 25000р;
2) Процентная ставка 2%, стоит по умолчанию и не имеет возможности изменения.
3) Срок кредитования в днях, от 1го до 10ти.
Так как в яве я совершенно профан, но поэкспериментировав добился следующего результата.
$(function () {
	$("#amount_slider").slider({ 
		orientation: "horizontal",
		range: false,
		min: 500,
		max: 25000,
		value: 10000,
		step: 500,
		slide: function (event, ui) {
			$("#amount").text(ui.value);
			calculatePayment();
		}
	});
	$("#amount").text($("#amount_slider").slider("value")); 
	$("#interest_slider").slider({
		orientation: "horizontal",
		range: false,
		value: 2,
		slide: function (event, ui) {
			$("#interest").text(ui.value);
			calculatePayment();
		}
	});
	$("#interest").text($("#interest_slider").slider("value"));
	$("#time_slider").slider({
		orientation: "horizontal",
		range: false,
		min: 1,
		max: 10,
		value: 4,
		slide: function (event, ui) {
			$("#time").text(ui.value);
			calculatePayment();
		}
	});
	$("#time").text($("#time_slider").slider("value"));

	function calculatePayment() {
		var amount = $("#amount_slider").slider("value");
		var interest = $("#interest_slider").slider("value");
		var time = $("#time_slider").slider("value");
		var rate = (amount / 100) * 2 * time + amount;
		$("#result").text(rate.toFixed(2));
		
	}
	calculatePayment();
	
	
});

<table style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<div class="message">Сумма займа</div>
<div id="amount_slider"> </div>
<div id="amount" style="color: #ffffff; font-size: 18px;"> </div>
<div class="clear"> </div>
</td>
<td>
<div class="message">Срок (дней)</div>
<div id="time_slider"> </div>
<div id="time" style="color: #ffffff; font-size: 18px;"> </div>
<div class="clear"> </div>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<div class="message" style="text-align: right; color: #b8e8ff; font-size: 18px;">Платеж</div>
<div id="result" style="color: #b8e8ff; font-size: 18px;"> </div>
</td>
</tr>
</tbody>
</table>


Только вот проблемка одна, ползунок ведёт себя странно - если по дефолту стоит сумма займа на 10 000руб. и срок 4 дня, расчет производится правильно и в поле платёж выводится сумма 10 800руб. Но если передвинуть ползунок на 5 дней сумма не считается, а передвинув опять на 4 производится расчет на 5 дней.
Помогите советом, думаю многим эта тема будет интересна.Сам не могу решить .
Ответить с цитированием
  #2 (permalink)  
Старый 29.10.2014, 20:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,335

PoisonX,
обычно требуется дублировать параметр slide в change
Ответить с цитированием
  #3 (permalink)  
Старый 29.10.2014, 20:27
Новичок на форуме
Отправить личное сообщение для PoisonX Посмотреть профиль Найти все сообщения от PoisonX
 
Регистрация: 29.10.2014
Сообщений: 3

Сообщение от рони Посмотреть сообщение
PoisonX,
обычно требуется дублировать параметр slide в change
Подскажите пожалуйста поподробней
Ответить с цитированием
  #4 (permalink)  
Старый 29.10.2014, 20:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,335

PoisonX,
строки 9-12 напишите ниже через запятую ещё раз заменив только
Сообщение от рони
slide в change
и так 19-22 и 31-34
Ответить с цитированием
  #5 (permalink)  
Старый 29.10.2014, 22:43
Новичок на форуме
Отправить личное сообщение для PoisonX Посмотреть профиль Найти все сообщения от PoisonX
 
Регистрация: 29.10.2014
Сообщений: 3

Сообщение от рони Посмотреть сообщение
PoisonX,
обычно требуется дублировать параметр slide в change
Сообщение от рони Посмотреть сообщение
PoisonX,
строки 9-12 напишите ниже через запятую ещё раз заменив только
и так 19-22 и 31-34
Большое спасибо вам! Всё работает
Ответить с цитированием
  #6 (permalink)  
Старый 29.10.2014, 22:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,335

PoisonX,
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста с калькулятором javascript Хабиб1122 Javascript под браузер 6 27.01.2016 10:56
Помогите с калькулятором okapo AJAX и COMET 0 21.02.2012 09:53
Помогите с калькулятором Sovereign Общие вопросы Javascript 21 20.06.2011 04:55
Помогите с калькулятором piton1175 AJAX и COMET 0 16.06.2011 13:29
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 22:50