калькулятор стоимости на js

Discussion in 'PHP' started by ufalog, 19 Dec 2009.

  1. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    рабочая часть калькулятора.

    PHP:


    <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! -цена)




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

    подскажите примерно схему подсчета .... точнее интересует больше вытекания из одного выбора - других выборов.
     
    #1 ufalog, 19 Dec 2009
    Last edited: 19 Dec 2009
  2. diGriz

    diGriz Elder - Старейшина

    Joined:
    11 Oct 2006
    Messages:
    138
    Likes Received:
    82
    Reputations:
    6
    Примерно вот так:
    Code:
    <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>
    
    
     
  3. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    все работает - спасибо
     
    #3 ufalog, 19 Dec 2009
    Last edited: 19 Dec 2009