Здравствуйте, уважаемые программисты!
Решил я, значит, сделать себе сайт на Wix (ибо знаний в программировании ноль) для услуг по монтажу натяжных потолков
Возникла необходимость запилить туда самый простенький калькулятор расчета стоимости: вводим площадь - получаем стоимость (типа, как здесь "Расчёт стоимости натяжного потолка с установкой":
http://vipceiling.ru/moscow/).
На Wixе такого виджета, к сожалению, нет. Поддержка посоветовала добавить свой код самостоятельно. Начал я бороздить просторы интернета, нашел один код и стал пытаться в нем разбираться. Вроде бы получилось привести его к удовлетворительному виду, но вот с выводом стоимости так и не смог разобраться.
Короче, оставил я в коде всего две переменных: amount (площадь потолка) и summ (стоимость). Площадь выбирается в заданном диапазоне (от 6 до 30 с шагом 1). Соответственно, для каждого значения площади у меня есть свое значение стоимости. И вот, ну не знаю я, как вывести мне эти самые значения в поле стоимости. У меня значения стоимости выбраны самостоятельно, без каких-либо формул. Вот и что мне указать в переменной summ, чтобы она выводила мне мои значения (числа, без формул расчета).
Вот, собственно, код:
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<meta charset="utf-8">
<style type="text/css">
div.demo { padding: 10px !important; width: 900px;}
.ui-widget{font-size: 0.6em !important;}
</style>
<script>
$(function() {
$( "#slider-range-max" ).slider({
range: "max",
min: 6,
max: 30,
value: 6,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
calc();
}
});
$( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
});
function calc(par){
amount = document.cl_form.amount.value;
//var summ;
summ = Number(amount)
document.cl_form.summ.value=summ;
document.getElementById("amounttd").innerHTML=amount;
document.getElementById("summ").innerHTML=summ;
return false;
}
</script>
</head>
<body>
<form name="cl_form">
<div class="demo">
<p>
<label for="amount">Площадь потолка, м2:</label>
<input type="number" min="6" max="30" id="amount" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:30px;" />
</p>
<div id="slider-range-max"></div>
<p>
<label for="summ">Стоимость, руб:</label>
<input value="0" name="summ" readonly="readonly" maxlength="10" size="5" type="text">
</p>
<p>
<table border="1" cellpadding="3" style="border-collapse: collapse;">
<tr>
<td>
Площадь, м2: <p id="amounttd">0</p>
</td>
<td>
Стоимость, руб: <p id="summ">0</p>
</td>
<tr>
</table>
</p>
</div>
</form>
</body>
</html>
Сейчас у меня стоимость приравнена к площади, потому что я просто не знаю, что писать в переменной summ.[IMG]http://i80.fastpic.ru/big/2016/0608/be/b3bc556f956248fa7a97dc8e91d7fabe.jpg[/IMG]
Подскажите пожалуйста, как мне вывести для каждого значения площади свое значение стоимости!