Доброе утро, уважаемые форумчани.
Прошу помочь с реконструкцией калькулятора.
Нужно чтобы подсчет не происходил, а выдавалась уже сразу готовая сумма в output с id summa(5-3), при выборе определенного срока, формата листа и региона.
Я так понимаю - это будет что-то вроде:
zona1: [11, 22, 33], [44, 55, 66], [77, 88, 99],
(где 11-33 это цены на А5, а с 44-66 - это уже А4 и т.д.)
zona2 [..]
Проблема в том, что я только начал изучать JS и не понимаю куда и что вписать (боюсь нарушить вывод других значений, т.е. скидки и т.д.)
Заранее, огромнейшее Вам спасибо, добрые люди
Калькулятор визуально:
Ссылка
Кусок кода:
<script type="text/javascript">
function Calc5() {
var discount=+document.getElementById('srok5').value.split('__')[0]
var sfive=+document.getElementById('srok5').value.split('__')[1]
var mfive=+document.getElementById('mesto5').value
document.getElementById('summ5').value=Math.floor((1-discount/100)*sfive*mfive*8)+' руб.'
document.getElementById('dis5').value=discount+'%'
document.getElementById('stend').value=mfive+' шт.'
}
function Calc4() {
var discount=+document.getElementById('srok4').value.split('__')[0]
var sfive=+document.getElementById('srok4').value.split('__')[1]
var mfive=+document.getElementById('mesto4').value
document.getElementById('summ4').value=Math.floor((1-discount/100)*sfive*mfive*11)+' руб.'
document.getElementById('dis4').value=discount+'%'
document.getElementById('stend').value=mfive+' шт.'
}
function Calc3() {
var discount=+document.getElementById('srok3').value.split('__')[0]
var sfive=+document.getElementById('srok3').value.split('__')[1]
var mfive=+document.getElementById('mesto3').value
document.getElementById('summ3').value=Math.floor((1-discount/100)*sfive*mfive*18)+' руб.'
document.getElementById('dis3').value=discount+'%'
document.getElementById('stend').value=mfive+' шт.'
}
</script>
<article class="col1">
<div class="tabs">
<ul class="nav">
<li class="selected a5"><a href="#a5">Лист <b>А5</b></a></li>
<li class="a4"><a href="#a4">Лист <b>А4</b></a></li>
<li class="end a3"><a href="#a3">Лист <b>А3</b></a></li>
</ul>
<div class="content">
<div class="tab-content" id="a5">
<form id="form_1" method="post">
<div>
<div class="radio"></div>
<div class="row_select1">
<span class="left"><b>Срок:</b></span>
<select id="srok5" onchange='Calc5()'>
<option value="0__14">2 Недели
<option value="20__30">Месяц
<option value="25__90">3 Месяца
</select>
</div>
<div class="row_select2">
<span class="left"><b>Район:</b></span>
<select id="mesto5" onchange='Calc5()'>
<option value="98">Район #1</option>
<option value="130">Район #2</option>
<option value="62">Район #3</option>
<option value="63">Район #4</option>
<option value="62">Район #5</option>
<option value="415">Все районы</option>
</select>
</div>
<div class="row">
<span class="left"><b>Стендов:</b></span>
<output id="stend">98 шт.</output>
</div>
<div class="row">
<span class="left"><b>Расчет:</b></span>
<span>8 р.\день</span>
</div>
<div class="row">
<span class="left"><b>Скидка:</b></span>
<output id="dis5">0%</output>
</div>
<div class="row">
<span class="left"><b>Цена:</b></span>
<output id="summ5">9744 руб.</output>
</div>
<div class="wrapper">
<span class="right relative">
<a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span>
<a href="#" class="link1">Большое окно</a>
</div>
</div>
</form>
</div>
<div class="tab-content" id="a4">
<form id="form_1" method="post">
<div>
<div class="radio"></div>
<div class="row_select1">
<span class="left"><b>Срок:</b></span>
<select id="srok4" onchange='Calc4()'>
<option value="0__14">2 Недели
<option value="20__30">Месяц
<option value="25__90">3 Месяца
</select>
</div>
<div class="row_select2">
<span class="left"><b>Район:</b></span>
<select id="mesto4" onchange='Calc4()'>
<option value="98">Район #1</option>
<option value="130">Район #2</option>
<option value="62">Район #3</option>
<option value="63">Район #4</option>
<option value="62">Район #5</option>
<option value="415">Все районы</option>
</select>
</div>
<div class="row">
<span class="left"><b>Стендов:</b></span>
<output id="stend">98 шт.</output>
</div>
<div class="row">
<span class="left"><b>Расчет:</b></span>
<span>11 р.\день</span>
</div>
<div class="row">
<span class="left"><b>Скидка:</b></span>
<output id="dis4">0%</output>
</div>
<div class="row">
<span class="left"><b>Цена:</b></span>
<output id="summ4">13398 руб.</output>
</div>
<div class="wrapper">
<span class="right relative">
<a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span>
<a href="#" class="link1">Большое окно</a>
</div>
</div>
</form>
</div>
<div class="tab-content" id="a3">
<form id="form_1" method="post">
<div>
<div class="radio"></div>
<div class="row_select1">
<span class="left"><b>Срок:</b></span>
<select id="srok3" onchange='Calc3()'>
<option value="0__14">2 Недели
<option value="20__30">Месяц
<option value="25__90">3 Месяца
</select>
</div>
<div class="row_select2">
<span class="left"><b>Район:</b></span>
<select id="mesto3" onchange='Calc3()'>
<option value="98">Район #1</option>
<option value="130">Район #2</option>
<option value="62">Район #3</option>
<option value="63">Район #4</option>
<option value="62">Район #5</option>
<option value="415">Все районы</option>
</select>
</div>
<div class="row">
<span class="left"><b>Стендов:</b></span>
<output id="stend">98 шт.</output>
</div>
<div class="row">
<span class="left"><b>Расчет:</b></span>
<span>18 р.\день</span>
</div>
<div class="row">
<span class="left"><b>Скидка:</b></span>
<output id="dis3">0%</output>
</div>
<div class="row">
<span class="left"><b>Цена:</b></span>
<output id="summ3">21924 руб.</output>
</div>
<div class="wrapper">
<span class="right relative">
<a href="#" class="button1" onClick="document.getElementById('form_2').submit()"><strong>Купить!</strong></a></span>
<a href="#" class="link1">Большое окно</a>
</div>
</div>
</form>
</div>
</div>
</div>
</article>