PDA

Просмотр полной версии : калькулятор стоимости на js


ufalog
19.12.2009, 15:12
рабочая часть калькулятора.




<script Language="JavaScript">
function calculate()
{
answer.innerHTML=calc.a.value*calc.b.value;
}
</script>
<form name="calc">
<select name="a">
<option value="13">рубероид</option>
<option value="8">пергамин</option>
<option value="99">изоэласт</option>
<option value="119">техноэласт</option>
<option value="35">бикрост</option>
</select>
<input type="text" value="1" name="b" size="12">м<sup>2</sup>&nbsp
<input type="button" value="Расчитать" onclick="calculate()"></form><hr><span id="answer">0</span> руб









нужно перед тем как считать добавить условие



Какой вид работ предстоит?
- кровля
- наружный фасад
- внутренняя отделка

Человек выбирает "кровля" и ему задаётся следующая группа вопросов:

Для чего нужны материалы?
-гидроизоляция
-пароизоляция

Следующий вопрос:

Какой вид крыши?
-скатная, с углом >45 (а! -цена)
-скатная, с углом <45 (a! -цена)
-плоская (a! -цена)




значение а бы бралось из последней ветки ....
и вот тут вот появляется калькулятор... и просит ввести количество метров..

подскажите примерно схему подсчета .... точнее интересует больше вытекания из одного выбора - других выборов.

diGriz
19.12.2009, 15:28
Примерно вот так:

<script Language="JavaScript">
function hideCalc() {
document.getElementById("calcHolder").style.display = "none";
document.getElementById("questHolder").style.display = "none";
}
window.onload = hideCalc;
function calculate()
{
answer.innerHTML=calc.a.value*calc.b.value;
}
function question() {
document.getElementById("questHolder").style.display = "";
}
function showCalc() {
document.getElementById("calcHolder").style.display = "";
}
</script>
<select name="works" onchange="question()">
<option value="13">кровля</option>
<option value="8">наружный фасад</option>
<option value="99">внутренняя отделка</option>
</select>
<div id="questHolder">
<select name="type" onchange="showCalc()">
<option value="13">гидроизоляция</option>
<option value="8">пароизоляция</option>
</select>
</div>
<div id="calcHolder">
<form name="calc">
<select name="a">
<option value="13">рубероид</option>
<option value="8">пергамин</option>
<option value="99">изоэласт</option>
<option value="119">техноэласт</option>
<option value="35">бикрост</option>
</select>
<input type="text" value="1" name="b" size="12">м<sup>2</sup>&nbsp
<input type="button" value="Расчитать" onclick="calculate()"></form><hr><span id="answer">0</span> руб
</div>

ufalog
19.12.2009, 15:38
все работает - спасибо