Апр
2
2013
2
2013
HTML5 /
Пишем онлайн калькулятор Шкафа-купе на html
Решил тут набросать простенький калькулятор, да так чтобы без всяких java и php. Для мебельщиков собирающих шкафы-купе думаю пригодиться.
HTML код
Ниже приведён код простейшего калькулятора.
В полях input вводим габаритные размеры.
<input name="dlina" type="text" size="8" value="100"> - Высота <br> <input name="dlina0" type="text" size="8" value="150"> - Глубина <br> <input name="dlina1" type="text" size="8" value="120"> - Ширина <br>
Вся работа сводиться к выполнению функции onChange.
К примеру в поле SELECTED функция onChange=»dlina.value = this.value» заменяет значение поля «Высота» на выборное в поле SELECTED.
А кнопкой «РАСЧЁТ» onClick=»dlina2.value= dlina.value * 8″ мы берём значение поля «Высота» умножаем его на 8 и выводим в поле «Цена».
На этой основе можно построить даже самые сложные калькуляторы.
<form method="get"> <br>Профиль "Standart" высота до 2,55 м<br> <br><input name="dlina" type="text" size="8" value="100"> - Высота <br> <br><input name="dlina0" type="text" size="8" value="150"> - Глубина <br> <br><input name="dlina1" type="text" size="8" value="120"> - Ширина <br> <br>Длина шкафа купе: <SELECT NAME="dl" SIZE=1 onChange="dlina.value = this.value"> <OPTION SELECTED value="215">до 1м. (2 двери) <option value="240">1.25м. (2 двери)</option> <option value="270">1.5м. (2 двери)</option> <option value="300">1.75м. (2 двери)</option> <option value="330">до 2м. (2 двери)</option> <option value="370">до 2м. (3 двери)</option> <option value="390">2.25 м. (3 двери)</option> <option value="410">2.5 м. (3 двери)</option> <option value="450">до 3 м. (3 двери)</option> <option value="500">до 3 м. (4 двери)</option> <option value="590">до 3.5 м. (3 двери)</option> </SELECT> <br> <br>(высота до 2,75 м.): <input name="uv275" type="radio" checked="checked" onClick="dlina2.value= dlina.value">нет <input name="uv275" type="radio" onClick="dlina2.value= dlina.value * dlina1.value">есть <br> <br><input name="dlina2" type="text" size="8" value="210"> - Цена<br> <br><input name="reset" type="reset" value="СБРОС"><input name="reset" type="button" onClick="dlina2.value= dlina.value * 8" value="РАСЧЁТ"><br> </form>