Добрый день, на
сайте есть простенький калькулятор, который не работает(. Прошу помощи в настройке, так как сам в js совсем не соображаю. Заранее Спасибо тем, кто не останется равнодушным и поможет!
Задача такова:
1. При выборе глубины скважины * тип трубы = Стоимость скважины
2. При выборе типа обустройства = Стоимость обустройства
3. Стоимость скважины + Стоимость обустройства = Итого
jQuery(function(){
var ts = new Date(2016, 3, 19,23,0,0,0),
newYear = false;
jQuery('.countdown').countdown({
timestamp : ts
});
});
$(function() {
$( ".sliderIn" ).slider({
max: 150,
min: 0,
step:1,
value:0,
range:'min',
slide: function( event, ui ) {
$( ".inCount" ).val( ui.value );
var a = parseFloat($("#inCount").val());
var b = parseFloat($("#outCount").val());
var c = parseFloat($(".radioList input:checked").val());
var a1 = a*c
var b1 = a1+a-b
var c1 = b1*12
var a11 = a.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var b11 = b1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var c11 = c1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
jQuery("#inMon").text(a11+' руб.');
jQuery("#outMon").text(b11+' руб.');
jQuery("#sumMon").text(c11+' руб.');
jQuery(".invested .interBox").height(a/20000);
jQuery(".received .interBox").height(b1/20000);
}
});
$( ".inCount" ).val( $( ".sliderIn" ).slider( "value" ) );
});
$(function() {
$( ".sliderOut" ).slider({
max: 450000,
min: 0,
step:1000,
value:50000,
range:'min',
slide: function( event, ui ) {
$( ".outCount" ).val( ui.value );
var a = parseFloat($("#inCount").val());
var b = parseFloat($("#outCount").val());
var c = parseFloat($(".radioList input:checked").val());
var a1 = a*(c/100)
var b1 = a1+a-b
var c1 = b1*12
var a11 = a.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var b11 = b1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var c11 = c1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
jQuery("#inMon").text(a11+' руб.');
jQuery("#outMon").text(b11+' руб.');
jQuery("#sumMon").text(c11+' руб.');
jQuery(".invested .interBox").height(a/20000);
jQuery(".received .interBox").height(b1/20000);
}
});
$( ".outCount" ).val( $( ".sliderOut" ).slider( "value" ) );
});
$(function() {
var a = parseFloat($("#inCount").val());
var b = parseFloat($("#outCount").val());
var c = parseFloat($(".radioList input:checked").val());
var a1 = a*(c/100)
var b1 = a1+a-b
var c1 = b1*12
var a11 = a.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var b11 = b1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var c11 = c1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
jQuery("#inMon").text(a11+' руб.');
jQuery("#outMon").text(b11+' руб.');
jQuery("#sumMon").text(c11+' руб.');
jQuery(".invested .interBox").height(a/20000);
jQuery(".received .interBox").height(b1/20000);
});
jQuery(".calcBox input").on("change, click", function(){
var a = parseFloat($("#inCount").val());
var b = parseFloat($("#outCount").val());
var c = parseFloat($(".radioList input:checked").val());
var a1 = a*(c/100)
var b1 = a1+a-b
var c1 = b1*12
var a11 = a.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var b11 = b1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
var c11 = c1.toString().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ')
jQuery("#inMon").text(a11+' руб.');
jQuery("#outMon").text(b11+' руб.');
jQuery("#sumMon").text(c11+' руб.');
jQuery(".invested .interBox").height(a/20000);
jQuery(".received .interBox").height(b1/20000);
Ниже отрывок из index.php может тоже пригодится.
<section class="howToEarn">
<div class="res">
<h1>Калькулятор <span class="din_bold">скважины</span></h1>
<div class="calculator"><form>
<div class="calcBox">
<span class="cbTitle">Введите исходные данные</span>
<div class="cbLine">
<span class="cblTitle">Глубина скважины, м.</span>
<div>
<input class="inCount" id="inCount" name="in" type="text" value="0">
<div class="sliderBox bbox sliderIn"></div>
<div class="priceList"> <span>0 м.</span> <span>50 м.</span> <span>100 м.</span> <span>150 м.</span></div>
</div>
</div>
<div class="procBox">
<span class="pbTitle">Тип трубы:</span>
<div class="radioList">
<label><input class="niceRadio" type="radio" name="proc" value="1600" id="proc_0" checked>Металл ⌀133</label>
<label><input class="niceRadio" type="radio" name="proc" value="1900" id="proc_1">Металл ⌀133 + Пластик ⌀117</label>
</div>
</div>
<br>
<br>
<div class="procBox">
<span class="pbTitle">Тип обустройства:</span>
<div class="radioList">
<label><input class="niceRadio" type="radio" name="proc" value="35500" id="proc_0" checked>Летний </label>
<label><input class="niceRadio" type="radio" name="proc" value="100000" id="proc_2">Металлический кессон </label>
</div>
</div>
</div>
<input type="hidden" name="user_data[url]" value="landing_opt_real" />
</form></div>
<div class="investedReceived">
<div class="invested">
<div class="interBox"><div class="textBox">Стоимость скважины<span id="inMon">20 000 руб.</span></div></div>
</div>
<div class="received">
<div class="interBox"><div class="textBox">Стоимость обустройства<span id="outMon">53 000 руб.</span></div></div>
</div>
<div class="clear"></div>
<p class="month12">Итого:</p>
<span class="summ" id="sumMon">636 000 руб.</span>
<a class="popup_t want but din_bold" href="javascript:void(0)">Хочу заказать</a>