15:04
Maxmatik
Решил тут набросать простенький калькулятор, да так чтобы без всяких java и php. Для мебельщиков собирающих шкафы-купе думаю пригодиться.
HTML код
Ниже приведён код простейшего калькулятора.
В полях input вводим габаритные размеры.
В полях input вводим габаритные размеры.
1
2
3
| <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 и выводим в поле «Цена».
На этой основе можно построить даже самые сложные калькуляторы.
К примеру в поле SELECTED функция onChange=»dlina.value = this.value» заменяет значение поля «Высота» на выборное в поле SELECTED.
А кнопкой «РАСЧЁТ» onClick=»dlina2.value= dlina.value * 8″ мы берём значение поля «Высота» умножаем его на 8 и выводим в поле «Цена».
На этой основе можно построить даже самые сложные калькуляторы.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <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> |
Posted in: HTML
0 коммент.:
Отправить комментарий