По образу
jQuery slider написал такой скрипт:
$(function() {
$("#slider-range-max").slider({
range: "max",
min: 20,
max: 200,
value: 50,
step: 10,
slide: function(event, ui) {
$("#amount").val(ui.value);
$("#amount2").val(ui.value);
}
});
$("#amount").val($("#slider-range-max").slider("value"));
$("#amount2").val($("#slider-range-max").slider("value"));
});
$(function() {
$("#slider-range-men").slider({
range: "men",
min: 1,
max: 18,
value: 1,
step: 1,
slide: function(event, ui) {
$("#amountmen").val(ui.value);
$("#amountmen2").val(ui.value);
}
});
$("#amountmen").val($("#slider-range-men").slider("value"));
$("#amountmen2").val($("#slider-range-men").slider("value"));
});
$(function () {
var summa = $("#slider-range-max").slider("value"),
menesi = $("#slider-range-men").slider("value");
$("#summen").val(summa / menesi);
});
На страницу вывожу так
<table width="430" cellpadding="3" style="border: solid 1px #cccccc;">
<tr>
<td width="150">Сумма </td>
<td width="250"><div id="slider-range-max"></div></td>
<td width="30"><input type="text" id="amount" class="cipars" readonly="readonly" /></td>
</tr>
<tr>
<td width="150">Срок </td>
<td width="250"><div id="slider-range-men"></div></td>
<td width="30"><input type="text" id="amountmen" class="cipars" readonly="readonly" /></td>
</tr>
<tr>
<td colspan="3">Взял <input type="text" id="amount2" class="izcelums" /> <span class="izcelums_men_text">Ls</span> на срок <input type="text" id="amountmen2" class="izcelums_men" /> <span class="izcelums_men_text"> мес. </span>
<br />Отдаю <input type="text" id="summen" class="izcelums_men" />Ls</td>
</tr>
</table>
Получается так:
пример
Просьба помочь довести до ума след. моменты:
1. Выводить значение в <span> (тепер они выводится в <input type="text" id="amount2" /> , чтобы обнавлялось
2. В строке "Отдаю" вывести значение из масива, который соответствует условиям: если Сумма==хх и Срок==хх то Отдаю==хх (чтобы обнавлялось при изменения любого из ползунков
Спасибо
