Перенос калькулятора

Иван (ivando)

15 сентября 2016 г.

Перенес калькулятор, ранее был привязан к этому же сайту на битрикс. Теперь не дает выбрать условия http://prntscr.com/cibd7j

Калькулятор тут - http://www.fasad.karkas.ru/fasadnye_paneli_for_the_client/kalkulyator/

Код калькулятора -

Код

<!DOCTYPE html >

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Untitled Document</title>

<script language="javascript" src="http://fasad.karkas.ru/bitrix/templates/newsite/js/jquery-1.7.2.min.js"></script>

<script>



function numform(value){

	value = value.toFixed(0);
	var str = new String(value);

	var out = str.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1.');

	return out;

}



function count(){

	var metrPrice = [990,1370]; // Цена за квадратный метр [14mm,16mm]

	var teploPrice = 120; // Цены теплоизоляции

	var montazPrice = 600; // Цена монтажа

	

	

	var fvresult = 0;

	var per = 0;

	//Обрабатываем форму с данными и приводим в вид лёгкий для работы

	var ser = $("#calcform").serializeArray();

	var obj = [];

	for(var row in ser){

		obj[ser[row]['name']] = ser[row]['value'];

	}

	if(obj.metrov < 0){obj.metrov = 0;}

	//Считаем сумму по метрам

	fvresult = fvresult + metrPrice[obj.tol] * obj.metrov;

	

	//Теплоизоляция

	if(obj['teplo'] == 1){

		fvresult = fvresult + teploPrice * obj.metrov;

	}

	

	//Теплоизоляция

	if(obj['mont'] == 1){

		fvresult = fvresult + montazPrice * obj.metrov;

	}

	

	if(isNaN(fvresult)){

		fvresult = 0;

	}else{

		fvresult = fvresult*0.8*1.15;

		if(obj.metrov > 0){

			per = fvresult / obj.metrov;

		}

	}

	$("#fvresult").html(numform(fvresult));

	$("#fvresultm2").html(numform(per));

}

$(function(){

	$("#calcform ul li span").click(function(){

		$("input[name='"+$(this).children('input').attr('name')+"']").parent().removeClass('selected');

		$(this).addClass('selected');

		$(this).children('input').prop({'checked':true});

		count();

	})

})



</script>



<link href="http://fasad.karkas.ru/bitrix/templates/newsite/css/style_cf.css" rel="stylesheet" type="text/css" />





<style>

#calcform{font-family:'Trebuchet MS', 'Arial', serif;}

#calcform div{ font-size:20px;}

#calcform > span{ display:block;font-size:16px; margin-top:15px;}

#calcform ul{ list-style-type:none; line-height:25px; width:400px; }

#calcform ul > li{ margin-top: 10px; border-bottom:1px #f2f2f2 solid; clear:both;}

#calcform ul > li > span{float:left; display:block; margin-right:15px; border-radius:10px;  border:1px solid #FFF; padding:0 10px 0 6px; font-size:14px; cursor:pointer;}

#calcform ul > li > span:hover{ border:1px solid #591818;}

#calcform ul > li > label{ width:150px; display:block; float:left; color:#591818; font-weight:bold; border:1px solid #FFF; }

#fvresult{ font-weight:bold;}

.selected{background-color:#591818; color:#FFF;}

.cl{clear:both;}

</style>



</head>

<body>

<h1 class="cufon">&nbsp;КАЛЬКУЛЯТОР</h1>



<form onSubmit="count();" id="calcform">

    <ul>

        <li> <label>Толщина:</label> <span class="selected"><input type="radio" name="tol" value="0" onChange="count();" checked>14mm</span> <span><input type="radio" name="tol" value="1" onChange="count();">16mm</span><div class="cl"></div></li>

        <li> <label>Метров:</label> <input type="text" name="metrov" onKeyUp="count();" value="0"></li>

        <li> <label>Теплоизоляция:</label> <span><input type="radio" name="teplo" value="1" onChange="count();">Да</span> <span class="selected"><input type="radio" name="teplo" value="0" checked  onChange="count();">Нет</span><div class="cl"></div></li>

        <li> <label>Монтаж:</label> <span class="selected"><input type="radio" name="mont" value="1" onChange="count();" checked>Да</span> <span><input type="radio" name="mont" value="0" onChange="count();">Нет</span><div class="cl"></div></li>

	</ul>

	<div>Стоимость фасада: <span id="fvresult">0</span> руб.*</div>

    <div>Стоимость 1м2: <span id="fvresultm2">0</span> руб.*</div>

    <span>* Указанная здесь цена является ориентировочной. Точные цены после расчета у проектировщика.</span>

</form>

</body>

</html>

Помогите как заставить его нормально работать на диафане.

- Виталий (DIAFAN.CMS)
- 867
15 сентября 2016 г.
Для начала попробуйте jquery-1.7.2.min.js убрать из калькулятора, у нас этот js подключается уже, а два раза ошибку выдают
- Иван (ivando)
- 15 сентября 2016 г.
- Убрал, не помогло(
- Виталий (DIAFAN.CMS)
  867
  
  17 сентября 2016 г.
  
  А в какой файл Вы вставили этот код? Или в визуальник прям?

- Виталий NVGPRO (DIAFAN.CMS)
- 356
15 сентября 2016 г.
Для начала надо понять, как Вы интегрировали код в cms, т.к. судя по картинки дело до скрипта не доходит.

Новости

Блоги

Блоги

Форум