Показать сообщение отдельно
  #2 (permalink)  
Старый 12.10.2017, 13:56
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Прежде всего
<form name="cl_form">
 
                            <p><strong>Толщина слоя (см):</strong>
                                <select name="thickness" id="thickness" onchange="calc();">
                                    <option value="0.5" >3</option>
                                    <option value="1">5</option>
                                    <option value="1.5">10</option>
                                </select>
 
                                <p><strong>Площадь утепления (м<sup>2</sup>)</strong>
                                    <input type="text" id="square" onchange="calc();" style="width:70px" />
                                </p>
 
                            </p>
 
                            <div class="form-contact">
 
                                <span>Имя</span><input type="text" placeholder="Ваше имя:">
 
                                <span>Телефон</span><input type="tel" name="Телефон" id="phone1" placeholder="+38(___)-___-____*" required>
 
                                <span>E-mail</span><input type="email" placeholder="Ваш email:">
 
                            </div>
 
                            <div class="right-order">
 
                                <div class="title-page">
                                    <span style="font-size: 24px;">Кол-во баллонов (шт.)</span>
                                </div>
 
                                <input id="summary" value="0" name="summary" readonly="readonly" maxlength="10" size="10" type="text">
 
                                    <div style="margin-top: 20px;" class="title-page">
                                    <span style="font-size: 24px;">Сумма заказа</span>
                                </div>
 
                                <input id="summary2" value="0" name="summary2" readonly="readonly" maxlength="10" size="10" type="text">
 
                                <input type="submit" value="Заказать">
 
                            </div>
 
                            <table border="1">
                                <tr>
                                    <td rowspan="2">Наименование</td>
                                    <td rowspan="2">Вид</td>
                                    <td colspan="4">Цена, грн с НДС</td>
                                </tr>
                                <tr>
                                    <td>от 1 шт</td>
                                    <td>≥ 12 шт</td>
                                    <td>≥ 48 шт</td>
                                    <td>≥ 120 шт</td>
                                </tr>
                                <tr>
                                    <td>НПУ POLYNOR<br>
                                        Однокомпонентный напыяемый полиуретановый утеплитель тепло и шумоизоляции объектов.<br> Аэрозольный баллон 890 мл</td>
                                        <td><img style="width: 100px;height: 90px;" src="img/order/ballon.png"></td>
                                        <td>280.00</td>
                                        <td>270.00</td>
                                        <td>260.00</td>
                                        <td>240.00</td>
                                    </tr>
                                    <tr>
                                        <td>Угловая насадка POLYNOR<br>
                                            Для напыления утеплителя на потолок, пол и в трудодоступных местах.</td>
                                            <td><img style="width: 100px;height: 90px;" src="img/order/nasadka.png"></td>
                                            <td colspan="4"><div id = "price1">30.00</div>
                                                <div class="number">
                                                    <span class="minus">-</span>
                                                    <input type="text" id="table_thi" value="0" onchange="calc();">
                                                    <span style="padding: 0 8px;" class="plus">+</span>
                                                </div></td>
                                            </tr>
                                            </table>
 
                                                        </form>
<script>
function calc() {
                    price = document.cl_form.thickness.value;
                    square = document.cl_form.square.value;
                    price1 = document.getElementById('price1').innerText;
                    quantity = document.getElementById('table_thi').value;
                    summary = Number(price) * Number(square) ;
                    document.getElementById('summary2').value = (summary * 18 +Number(price1) * Number(quantity)).toString() ; 
                    document.cl_form.summary.value=summary;
} ;
document.querySelector(".minus").onclick = function() {
          quantSrc = document.getElementById('table_thi');
          quantity = +quantSrc.value;
          quantity ? quantity--: quantity=0;
          quantSrc.value = quantity.toString();
          calc();
}
document.querySelector(".plus").onclick = function() {
          quantSrc = document.getElementById('table_thi');
          quantity = +quantSrc.value +1;
          quantSrc.value = quantity.toString();
          calc();
}
            </script>

И просьба написать попонятнее насчет таблицы

Последний раз редактировалось Dilettante_Pro, 17.10.2017 в 12:55.
Ответить с цитированием