Показать сообщение отдельно
  #1 (permalink)  
Старый 12.01.2016, 10:15
Новичок на форуме
Отправить личное сообщение для enable209 Посмотреть профиль Найти все сообщения от enable209
 
Регистрация: 12.01.2016
Сообщений: 9

Настройка калькулятора
Добрый день, на сайте есть простенький калькулятор, который не работает(. Прошу помощи в настройке, так как сам в 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>
Ответить с цитированием