Показать сообщение отдельно
  #1 (permalink)  
Старый 03.10.2012, 09:06
Новичок на форуме
Отправить личное сообщение для Innuenze Посмотреть профиль Найти все сообщения от Innuenze
 
Регистрация: 03.10.2012
Сообщений: 5

Не могу разобраться с калькулятором
Имеется js скрипт калькулятора:
var calculator = function(){
if ($('calculation') !== null) {
/*Вставить в любое место в javascripte, где удобно*/
arDiametr = []; //массив цен.
arDiametr[160] = 4000; //ключ - размер, значениен цена.
arDiametr[180] = 5000;
arDiametr[200] = 6000;
arDiametr[220] = 6500;
arDiametr[240] = 7000;
arDiametr[260] = 7500;
arDiametr[280] = 8000;
arDiametr[300] = 8500;
arDiametr[320] = 10500;
/*Вставить в любое место в javascripte, где удобно*/
var fixSizeW = 0; //доп мм для размера дома
var fixSizeOth = 0; //доп мм для размера надстроек
$('calculation').addEvent('click', function(){
var allSize = $(document.body).getElements('.Size');
var price = $(document.body).getElementById('diametr').get('value');
var space = 0;
Array.each(allSize, function(elem){
var inputs = elem.getElements('input');
var count = (elem.id === 'sizeWood')? $(document).getElement('input[name=level]').value : 1;
var addSize = (elem.id === 'sizeWood')? fixSizeW : fixSizeOth;
if (/[0-9]+/.test(inputs[0].value) !== false && /[0-9]+/.test(inputs[1].value) !== false)
space += (parseInt(inputs[0].value) + addSize) * (parseInt(inputs[1].value) + addSize) * count;
});
$(document).getElements('input[name=result]')[0].value = (space / 1000000 * price).toFixed(2);
});
var addNewStructure = function(){
var inputs = $(this).getParent('.Size').getElements('input');
var needAdd = true;
Array.each(inputs, function(elem){
var inp = $(document).getElements('input[name=' + elem.name + ']');
Array.each(inp, function(el){
if (/[0-9]+/.test(el.value) === false) {
needAdd = false;
}
});
})
if (needAdd === true) {
var newStruct = $(this).getParent('.Wood').clone();
Array.each(newStruct.getElements('input'), function(elem){
elem.value = '';
});
newStruct.inject($(this).getParent('.Wood'), 'after');
$(document).getElements('.StructureHouse input[type=text][name!=level]').removeEvent('blur').addEvent('blur', addNewStructure);
}
}
$(document).getElements('.StructureHouse input[type=text][name!=level]').addEvent('blur', addNewStructure);
var createSelect = (function() {
var selObj = $(document).getElementById('diametr'); 
Array.each(arDiametr, function(val, key){
var newOption = new Element('option', {
'value': val,
'text': key
}
);
newOption.inject(selObj);
});
}())
}
$(document.body).addEvent('contextmenu', function(e){
e.event.cancelBubble = true;
return false;
});
}


И форма вывода:

<center>
	<div class="Main">
		<div class="CalcContainer">
			<div class="CalcHeader">
				<h1>Калькулятор</h1>
				<div class="B"></div>
			</div><!--.CalcHeader-->
			<div class="CalcForm">
				<div class="TypeWood">
					<div class="Wood">
						<div class="CalcTitle">
							Размер:
						</div><!--.CalcTitle-->
						<div class="Size" id="sizeWood">
							<input type="text" name="lengthWood" value="" size="4" /> x
							<input type="text" name="widthWood" value="" size="4" /> 
							<span>(в мм)</span>
						</div><!--.Size-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="Wood">
						<div class="CalcTitle">
								Диаметр бревна:
						</div><!--.CalcTitle-->
						<div class="SelectDiametr" id="selectDiametr">
							<select id="diametr">
								<option disabled="disabled">Выберите диаметр</option>
<option>160</option>
<option>180</option>
<option>200</option>
<option>220</option>
<option>240</option>
<option>260</option>
<option>280</option>
<option>300</option>
<option>320</option>
							</select>
							<span>(в мм)</span>
						</div><!--.SelectDiametr-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="B"></div>
				</div><!--.TypeWood-->
				<div class="StructureHouse">
					<div class="Wood">
						<div class="CalcTitle">
								Этажи:
						</div><!--.CalcTitle-->
						<div class="CountLevel" id="countLevel">
							<input type="text" name="level" value="" size="4" />
							<span>(в едн)</span>
						</div><!--.CountLevel-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="Wood">
						<div class="CalcTitle">
								Крыльцо:
						</div><!--.CalcTitle-->
						<div class="Size" id="sizePorch">
							<input type="text" name="lengthPorch" value="" size="4" /> x
							<input type="text" name="widthPorch" value="" size="4" /> 
							<span>(в мм)</span>
						</div><!--.Size-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="Wood">
						<div class="CalcTitle">
								Терраса:
						</div><!--.CalcTitle-->
						<div class="Size" id="sizeTerrace">
							<input type="text" name="lengthTerrace" value="" size="4" /> x
							<input type="text" name="widthTerrace" value="" size="4" /> 
							<span>(в мм)</span>
						</div><!--.Size-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="Wood">
						<div class="CalcTitle">
								Балкон:
						</div><!--.CalcTitle-->
						<div class="Size" id="sizeBalcony">
							<input type="text" name="lengthBalcony" value="" size="4" /> x
							<input type="text" name="widthBalcony" value="" size="4" /> 
							<span>(в мм)</span>
						</div><!--.Size-->
						<div class="B"></div>
					</div><!--.Wood-->
					<div class="B"></div>
				</div><!--.StructureHouse-->
				<div class="MaleCalculation">
					<div class="Wood">
						<div class="CalcButton">
								<input type="button" value="Рассчитать" id="calculation" />
						</div><!--.CalcTitle-->
						<div class="Result" id="result">
							<input type="text" readonly="readonly" value="0" name="result"/>
						</div><!--.Result-->
						<div class="B"></div>
					</div><!--.Wood-->
				</div><!--.MaleCalculation-->
				<div class="B"></div>
			</div><!--.CalcForm-->
		</div>
	</div><!--.Main-->
</center>


Раньше всё работало, но вот обновил сайт и вставляю это всё на страничку, но калькулятор не работает - при нажатии кнопки "рассчитать" ничего не происходит. Может кто-нибудь сможет в этом разобраться и подсказать, что здесь не так?

PS. Извиняюсь за длинный код, но не нашел, как под спойлер спрятать.
Ответить с цитированием