X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите с калькулятором.
Jazzzz
Jazzzz
Topic Starter сообщение 25.4.2011, 13:45; Ответить: Jazzzz
Сообщение #1


Товарищи, выручайте. Нужен онлайн калькулятор расчетов полиграфической продукции. Основную-то форму я с грехом пополам сделал, а вот начинка... В JS я практически нихрена не смыслю... Привожу код того, что есть. Плюс ко всему мне бы хотелось туда кнопочку "очистить", которая сбрасывала бы все значения на дефолтные (в выпадающих пунктах - на первую строчку, соответственно).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body>
<table>
<tr>
<td>
<form>
<div id="type_of_site">
<p>Изделие</p>
<p>
<select id="type_site">
<option value='1'>Визитка</option>
<option value='2'>Формат А6</option>
<option value='3'>Формат А5</option>
<option value='4'>Формат А4</option>
<option value='5'>Формат А3</option>
<option value='6'>Карманный календарь</option>
<option value='7'>Шалаш</option>
<option value='8'>Флаер 1/3 А4</option>
<option value='9'>Флаер 2/3 А4</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>

<td>
<form>

<div id="col">
<p>Цветность</p>
<p>
<select id="col1">
<option value='1'>1+0</option>
<option value='2'>1+1</option>
<option value='3'>4+0</option>
<option value='4'>4+1</option>
<option value='5'>4+4</option>
</select>

</p>

</div>

</form>
</td>
<td width="50px"></td>
<td>
<p>Тираж</p>
<p>
<input type="number" max="99999999" min="1" value="1" style="width:100px" /></p>
</td>
</tr>
<tr>
<td>
<form>
<div id="lam">
<p>Ламинация</p>
<p>
<select id="lam1">
<option value='1'>32</option>
<option value='2'>75</option>
<option value='3'>125</option>
<option value='4'>250</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>



<td align="right">
<p>Резка</p>
<p>Резать<INPUT TYPE="checkbox" id="bilateral" NAME="bilateral" onclick="showHideText(this, 'blackwhite_bg_div');calculate();"/></p></td>

<td width="50px">
</td>
<td>
<form>
<div id="big">
<p>Биговка</p>
<p>
<select id="big1">
<option value='1'>1 биг</option>
<option value='2'>2 бига</option>
</select>
</p>
</div>
</form></td>
</tr>
</table>

<table>
<tr>
<td>

<FORM>
<BUTTON TYPE="SUBMIT"> Рассчитать </BUTTON>
</FORM></td>
<td>



</td>
</tr>
</table>
</body>
</html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jazzzz
Jazzzz
Topic Starter сообщение 25.4.2011, 13:46; Ответить: Jazzzz
Сообщение #2


Знаю, что нагородил возможно лишнего.... Все, что мне нужно - это чтобы все считалось... А как, я увы, не знаю...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 25.4.2011, 23:01; Ответить: Galen
Сообщение #3


Во-первых, всё нужно вставить в один элемент form. А во-вторых, где формулы по которым считать-то?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jazzzz
Jazzzz
Topic Starter сообщение 26.4.2011, 9:01; Ответить: Jazzzz
Сообщение #4


Привожу последнюю редакцию вышеуказанного кода.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<body>
<table>
<tr>
<td>
<form>
<div id="type_of_site">
<p>Изделие</p>
<p>
<select id="type_site">
<option value='1'>Визитка (4+0)</option>
<option value='2'>Визитка (4+4)</option>
<option value='3'>Формат А6 (4+0)</option>
<option value='4'>Формат А5 (4+0)</option>
<option value='5'>Формат А4 (4+0)</option>
<option value='6'>Формат А3 (4+0)</option>
<option value='7'>Карманный календарь (4+4)</option>
<option value='8'>Шалаш (4+0)</option>
<option value='9'>Буклет 1/3 А4 (4+0)</option>
<option value='10'>Буклет А4 (4+4)</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>

<td align="right">
<form>

<div id="col">
<p>Резка<INPUT TYPE="checkbox" id="bilateral" NAME="bilateral" onclick="showHideText(this, 'blackwhite_bg_div');calculate();"/></p>


</div>

</form>
</td>
<td width="50px"></td>
<td>
<p>Тираж</p>
<p>
<input type="number" max="99999999" min="1" value="1" style="width:100px" /></p>
</td>
</tr>
<tr>
<td>
<form>
<div id="lam">
<p>Ламинация</p>
<p>
<select id="lam1">
<option value='0'>Нет</option>
<option value='1'>32 (глянец)</option>
<option value='2'>75 (глянец)</option>
<option value='3'>75 (мат)</option>

<option value='4'>250 (глянец)</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>



<td align="right">

<p>Скругление углов<INPUT TYPE="checkbox" id="bilateral" NAME="bilateral" onclick="showHideText(this, 'blackwhite_bg_div');calculate();"/></p></td>

<td width="50px">
</td>
<td>
<form>
<div id="big">
<p>Биговка</p>
<p>
<input type="number" max="99999999" min="0" value="0" style="width:100px" /></p>
</div>
</form></td>
</tr>
</table>

<table>
<tr>
<td>

<FORM>
<BUTTON TYPE="SUBMIT"> Рассчитать </BUTTON>
</FORM></td>
<td>
</td>
</tr>
</table>
</body>
</html>


А также привожу цены на эти услуги:
Изделия:
Визитка (4+0) - 2,1
Визитка (4+4) - 3,8
Формат А6 - 3,0
Формат А5 - 6,0
Формат А4 - 12,0
Формат А3 - 24,0
Карманный календарь (4+4) - 7,2
Шалаш (4+0) - 18,5
Буклет 1/3 (4+0) - 5,0
Буклет А4 (4+4) - 23,6
Биговка - 1,0 за 1 биг
Резка - 1,0
Скругление - 0,4

Ламинация:
32 (глянец) - 15,6
75 (глянец) - 30,0
75 (мат) - 78,4
250 (глянец) - 45,0

Вот... Рассчет - тупо сложение всего выбранного, умноженное на тираж...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 26.4.2011, 22:27; Ответить: Galen
Сообщение #5


Я же уже говорил, всю форму нужно засунуть в один элемент form.
Теперь вопрос номер два: вы хотите чтобы код за вас написали или помогли написать? Если помогли, то давайте что уже есть. Если написать с нуля - моя цена 5WMZ :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jazzzz
Jazzzz
Topic Starter сообщение 27.4.2011, 7:29; Ответить: Jazzzz
Сообщение #6


Я бы конечно хотел, чтобы помогли... Это все, что пока есть...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jazzzz
Jazzzz
Topic Starter сообщение 3.5.2011, 8:42; Ответить: Jazzzz
Сообщение #7


Вот, отредактировал и объявил переменные. Подскажите, как теперь привязать переменные к пунктам селектов.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>

<body>
<script language=JavaScript>
function addIt() {
<!--
var
bigovka="1.0";
krug="0.4";
rezka="1.0";
viz40="2.1";
viz44="3.8";
fa6="3.0";
fa5="6.0";
fa4="12.0";
fa3="24.0";
karman="7.2";
shalash="18.5";
fa4="12.0";
buklet40="5.0";
buklet44="23.6";
lam32="15.6";
lam75mat="78.4";
lam75gl="30.0";
lam250="45.0";
}
//--
>
</script>

<table>
<tr>
<td>
<form>
<div id="type_of_site">
<p>Изделие</p>
<p>
<select id="type_site">
<option value='1'>Визитка</option>
<option value='2'>Формат А6</option>
<option value='3'>Формат А5</option>
<option value='4'>Формат А4</option>
<option value='5'>Формат А3</option>
<option value='6'>Карманный календарь</option>
<option value='7'>Шалаш</option>
<option value='8'>Флаер 1/3 А4</option>
<option value='9'>Флаер 2/3 А4</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>

<td>
<form>

<div id="col">
<p>Цветность</p>
<p>
<select id="col1">
<option value='1'>1+0</option>
<option value='2'>1+1</option>
<option value='3'>4+0</option>
<option value='4'>4+1</option>
<option value='5'>4+4</option>
</select>

</p>

</div>

</form>
</td>
<td width="50px"></td>
<td>
<p>Тираж</p>
<p>
<input type="number" max="99999999" min="1" value="1" style="width:100px" /></p>
</td>
</tr>
<tr>
<td>
<form>
<div id="lam">
<p>Ламинация</p>
<p>
<select id="lam1">
<option value='1'>32</option>
<option value='2'>75</option>
<option value='3'>125</option>
<option value='4'>250</option>
</select>
</p>
</div>
</form>
</td>
<td width="50px">
</td>



<td align="right">
<p>Резка</p>
<p>Резать<INPUT TYPE="checkbox" /></p></td>

<td width="50px">
</td>
<td>
<form>
<div id="big">
<p>Биговка</p>
<p>
<select id="big1">
<option value='1'>1 биг</option>
<option value='2'>2 бига</option>
</select>
</p>
</div>
</form></td>
</tr>
</table>

<table>
<tr>
<td>

<FORM>
<INPUT type=button value=Рассчитать onclick="addIt()">
</FORM></td>
<td>
<input type="text" name="output" id="output" size="6" />
</td>
</tr>
</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galen
Galen
сообщение 9.5.2011, 13:02; Ответить: Galen
Сообщение #8


В общем случае:
[JS]vat t = document.getElementById("id элемента").value;[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
krot_771
krot_771
сообщение 10.5.2011, 15:06; Ответить: krot_771
Сообщение #9


Jazzzz а почему именно JS?
Просто есть альтернативный вариант:
1. описываешь свои вычесления на html через скрипты
2. в <form> загоняешь все что человек выбирает/вписывает
3. пишишь обработчик на php
4. делаешь внизу своей страници кнопочку отправить
5. человек пришол на сайт все выбрал/вписал нажал кнопочку отправить и ты все увидел у себя на почте.
Честно не знаю на сколько это будет проше JS но на своем сайте я калькулятор именно так и сделал.
Как образец можещь взять информацию от сюда: http://www.html.by/threads/601-forma-obrat...jazi-kak-sdelat мне всоё время это очень помологло.
Удачи!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jazzzz
Jazzzz
Topic Starter сообщение 16.5.2011, 8:27; Ответить: Jazzzz
Сообщение #10


(Galen @ 9.5.2011, 16:02) *
В общем случае:
[JS]vat t = document.getElementById("id элемента").value;[/JS]


А можно поподробнее? Хотя бы на примере одного значения. Что и куда, так сказать... По каким id брать значения, и вообще правильно ли они все описаны?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПомогите, пожалуйста, выжить
благотворительный топик
7 vitvirtual 798 31.12.2021, 18:16
автор: vitvirtual
Открытая тема (нет новых ответов) Ув. Веб-мастера помогите советом.
SEO оптимизация сайта
16 donald_666 2476 20.12.2021, 22:34
автор: Latinos
Открытая тема (нет новых ответов) Помогите оценить форум с небольшим доходом
Форум по сливу платных курсов
20 Avistar 2776 19.11.2021, 19:40
автор: Ostromir
Открытая тема (нет новых ответов) Помогите повторить функционал для сайта WordPress
Нужен совет в подборе плагина или другого инструмента
8 mspcontent 2323 18.11.2021, 15:31
автор: Nell
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1341 11.12.2020, 0:48
автор: Levels


 



RSS Текстовая версия Сейчас: 27.1.2022, 13:25
Дизайн