Помощь в настройке калькулятора
Доброго времени суток!
Соединил несколько кодов, но чего-то не хочет работать всё правильно. В зависимости от суммы вклада открывается нужная часть кода. С первым промежутком в 1000-5000р всё отлично работает, а вот следующие не хотят уже считаться. Вот ссылочка на страницу с кодом. http://abc-ins.ucoz.ru/script.htm Очень прошу, помогите. :) :) :) |
gtalogo,
лучше пример сделать тут используя теги форматирования ваш код обрабатывает 1 таблицу чтобы сделать его универсальным надо брать данные из другого селектора и выводить в другой инпут function calculate(что-то добавить сюда) { var inputA = document.getElementById("A"), selectB = document.getElementById("B"плюс сюда), inputC = document.getElementById("C"плюс сюда), A = parseFloat(inputA.value), B = parseFloat(selectB.value); inputC.value = (A * B).toFixed(2); } ну и вызов функции onclick="calculate(сюда);" |
Цитата:
|
Цитата:
function calculate(a) { alert("B"+a)};
calculate('');
calculate(2);
calculate(3);
|
Цитата:
function calculate(a)
{
var inputA = document.getElementById("A"),
selectB = document.getElementById("B"+a),
inputC = document.getElementById("C"+a),
A = parseFloat(inputA.value),
B = parseFloat(selectB.value);
inputC.value = (A * B).toFixed(2);
}
onclick="calculate(a);"
|
Цитата:
<input type="button" value="Calculate"
onclick="calculate('');" />
и тд |
Цитата:
function run() {
var divs = document.getElementsByTagName('div')
for(i=0;i<divs.length;i++) {
divs[i].style.display = 'none'
}
var a = +document.getElementById('A').value
var e = a
if(e >= 0 && e < 1000) document.getElementById('div0').style.display = ''
if(e >= 1000 && e < 5000) document.getElementById('div1').style.display = ''
if(e >= 5000 && e < 10000) document.getElementById('div2').style.display = ''
if(e >= 10000 && e < 50000) document.getElementById('div3').style.display = ''
if(e >= 50000 && e <= 99999999999) document.getElementById('div4').style.display = ''
}
function calculate(a) { alert("B"+a)};
calculate(b);
calculate(c);
calculate(d);
{
var inputA = document.getElementById("A"),
selectB = document.getElementById("B"+a),
inputC = document.getElementById("C"+a),
A = parseFloat(inputA.value),
B = parseFloat(selectB.value);
inputC.value = (A * B).toFixed(2);
}
Отказывается считать. что не так может быть? |
Цитата:
var a, A; a = 3; alert(a == 3); alert(A == 3); |
Цитата:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script>
function run() {
var divs = document.getElementsByTagName('div')
for(i=0;i<divs.length;i++) {
divs[i].style.display = 'none'
}
var a = +document.getElementById('A').value
var e = a
if(e >= 0 && e < 1000) document.getElementById('div0').style.display = ''
if(e >= 1000 && e < 5000) document.getElementById('div1').style.display = ''
if(e >= 5000 && e < 10000) document.getElementById('div2').style.display = ''
if(e >= 10000 && e <= 50000) document.getElementById('div3').style.display = ''
if(e >= 50000 && e <= 99999999999) document.getElementById('div4').style.display = ''
}
function calculate(n) {
var inputA = document.getElementById("A"),
selectB = document.getElementById("B"+n),
inputC = document.getElementById("C"+n),
A = parseFloat(inputA.value),
B = parseFloat(selectB.value);
inputC.value = (A * B).toFixed(2);
}
</script>
</head>
<body>
<input id='A' type='text'>
<input type='button' value='run' onclick='run()'>
<div id="div0" style="display:none" class="tegs">Минимальный размер вклада 1000
руб.
</div>
<div id="div1" style="display:none" class="tegs">1000-4999
<table>
<tr>
<td>B=</td>
<td>
<select id="B">
<option value="1.0050">1 месяц</option>
<option value="1.0102">2 месяца</option>
<option value="1.0153">3 месяца</option>
<option value="1.0313">6 месяцев</option>
<option value="1.0680">1 год</option>
<option value="1.1400">2 года</option>
</select>
</td>
</tr>
<tr>
<td>A*B=</td>
<td><input id="C" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Calculate"
onclick="calculate('');" />
</td>
</tr>
</table>
</div>
<div id="div2" style="display:none" class="tegs">5000-9999
<table>
<tr>
<td>B=</td>
<td>
<select id="B2">
<option value="1.0051">1 месяц</option>
<option value="1.0104">2 месяца</option>
<option value="1.0156">3 месяца</option>
<option value="1.0325">6 месяцев</option>
<option value="1.0690">1 год</option>
<option value="1.1400">2 года</option>
</select>
</td>
</tr>
<tr>
<td>A*B=</td>
<td><input id="C2" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Calculate"
onclick="calculate('2');" />
</td>
</tr>
</table>
</div>
<div id="div3" style="display:none" class="tegs">10000-49999
<table>
<tr>
<td>B=</td>
<td>
<select id="B3">
<option value="1.0051">1 месяц</option>
<option value="1.0107">2 месяца</option>
<option value="1.0160">3 месяца</option>
<option value="1.0333">6 месяцев</option>
<option value="1.0700">1 год</option>
<option value="1.1400">2 года</option>
</select>
</td>
</tr>
<tr>
<td>A*B=</td>
<td><input id="C3" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Calculate"
onclick="calculate(3);" />
</td>
</tr>
</table>
</div>
<div id="div4" style="display:none" class="tegs">50000-999999999999
<table>
<tr>
<td>B=</td>
<td>
<select id="B4">
<option value="1.0053">1 месяц</option>
<option value="1.0108">2 месяца</option>
<option value="1.0163">3 месяца</option>
<option value="1.0340">6 месяцев</option>
<option value="1.0700">1 год</option>
<option value="1.1400">2 года</option>
</select>
</td>
</tr>
<tr>
<td>A*B=</td>
<td><input id="C4" /></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Calculate"
onclick="calculate(4);" />
</td>
</tr>
</table>
</div>
</body>
</html>
|
Большущее спасибо вам!!! Респект! Очень помогли с этим, можно дальше двигаться :)
|
| Часовой пояс GMT +3, время: 13:34. |