Калькулятор слайдеров jQuery

Question

Привет, я хочу создать несколько слайдеров, мне нужно сделать слайдер, в котором есть 3 варианта:

1. сумма, которую пользователь хочет одолжить (от 12 500 до 100 000) - отобразит значение, из которого здесь находится селектор

2. в течение какого времени (от пяти до 25 лет) - будет отображаться значение, с которого здесь находится селектор

3. Расчет на основе значений ежемесячного погашения.

Я смотрел на других здесь, но не совсем понимаю, как они работают логически, поэтому, если кто-то может помочь, было бы здорово.

Я добавил быстрое изображение, которое я сделал, в dropbox: http://dl.dropbox.com/u/12506430/sliders.jpg

Answer 1

Демо здесь .

<h2>How much would you like to borrow?</h2>
<div id="amount"></div>

<h2>Over how long?</h2>
<div id="period"></div>

<h2>Result</h2>
Your monthly payment will be $<span id="monthly">204.86</span>


function update() {
    var amount = $('#amount').slider('value');
    var period = $('#period').slider('value');
    var monthly = (amount + amount * 0.03 * period) / (period * 12);
    $("#monthly").text(monthly.toFixed(2));

}

$("#amount").slider({
    value: 12500,
    min: 12500,
    max: 100000,
    step: 50,
    slide: function() {
        update();
    }
});

$("#period").slider({
    value: 5,
    min: 5,
    max: 25,
    step: 1,
    slide: function() {
        update();
    }
});