<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<style type="text/css">
<!--
body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
div {
color:#CCCCCC;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
}
a:hover, a{
color:#CCCCCC;
text-decoration: none;
}
.fild {
width: 30px;
text-align: right;
font-size: 11px;
margin-right: 10px;
}
-->
</style>
</head>
<body>
<center>
<br />
<form name="form" action="sendmail.php" method="post">
<table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" align="center"><strong>Категория 1</strong></td>
</tr>
<tr>
<td> </td>
<td align="left"><label>
<input class="fild" name="cn1" type="text" id="cn1" value="1" maxlength="8" onKeyUp="calc()"/>
</label>
Товар 1</td>
<td>- 6000</td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="fild" name="cn2" type="text" id="cn2" value="0" maxlength="8" onKeyUp="calc()"/>
Товар 2</td>
<td>- 8000</td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="fild" name="cn3" type="text" id="cn3" value="0" maxlength="8" onKeyUp="calc()"/>
Товар 3</td>
<td>- 12000</td>
</tr>
<tr>
<td colspan="3" align="center"><strong>Категория 2</strong></td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="fild" name="cn4" type="text" id="cn4" value="0" maxlength="8" onKeyUp="calc()"/>
Товар 1</td>
<td>- 2240</td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="fild" name="cn5" type="text" id="cn5" value="0" maxlength="8" onKeyUp="calc()"/>
Товар 2</td>
<td>- 2520</td>
</tr>
<tr>
<td> </td>
<td align="left"><input class="fild" name="cn6" type="text" id="cn6" value="0" maxlength="8" onKeyUp="calc()"/>
Товар 3</td>
<td>- 2800</td>
</tr>
<tr>
<td> </td>
<td align="center"><input name="Button" type="button" value="заказать" onClick="show_form ()"/> <b>Итого:<input type="hidden" name="totpr" value="" id="totpr" /></b></td>
<td align="center" id="totalprice" style="color: #993300;font-weight:bold; font-size:14px">0</td>
</tr>
</table>
<table width="350" border="0" cellspacing="0" cellpadding="0" style="display:none" id="tf1">
<tr>
<td colspan="2" align="left"> <b>Заказ услуг</b></td>
</tr>
<tr>
<td width="90" align="left">ФИО *</td>
<td width="260" align="left"><input type="text" value="" name="name" style="width:95%;"/></td>
</tr>
<tr>
<td align="left">Телефон </td>
<td align="left"><input type="text" value="" name="telefon" style="width:95%;"/></td>
</tr>
<tr>
<td align="left">E-Mail *</td>
<td align="left"><input type="text" value="" name="email" style="width:95%;"/></td>
</tr>
<tr>
<td align="left">Компания *</td>
<td align="left"><input type="text" value="" name="company" style="width:95%;"/></td>
</tr>
<tr>
<td align="left">Должность *</td>
<td align="left"><input type="text" value="" name="dolg" style="width:95%;"/></td>
</tr>
<tr>
<td align="left">Ваши пожелания</td>
<td align="left"><textarea name="gelanie" style="WIDTH:95%; HEIGHT:70px"></textarea></td>
</tr>
<tr>
<td align="left"> </td>
<td align="left"><input type="hidden" name="zakaz" value="" id="c3"/>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="отправить заказ" /></td>
</tr>
</table>
</form>
</center>
<script type="text/javascript">
function calc () <!--создаем новую функцию-->
{
a1 = parseInt(document.getElementById('cn1').value);<!--объявляем переменные и сразу же переводим их в числовое значение -->
a2 = parseInt(document.getElementById('cn2').value);
a3 = parseInt(document.getElementById('cn3').value);
document.getElementById('cn4').value = Math.ceil(document.getElementById('cn1').value/8);
document.getElementById('cn5').value = Math.ceil(document.getElementById('cn2').value/8);
document.getElementById('cn6').value = Math.ceil(document.getElementById('cn3').value/8);
a4 = parseInt(document.getElementById('cn4').value);
a5 = parseInt(document.getElementById('cn5').value);
a6 = parseInt(document.getElementById('cn6').value);
total = a1 * 6000 + a2 * 8000 + a3 * 12000 + a4 * 2240 + a5 * 2520 + a6 * 2800 ; <!-- складываем и умножаем все на свою цену-->
document.getElementById('totalprice').innerHTML = total ; <!--выводим в страницу-->
document.getElementById('totpr').value = total ; <!--выводим в скрытое поле-->
}
function show_form () <!--функция показа формы-->
{
document.getElementById('tf1').style.display = "block" ; <!--показываем форму-->
как сделать чтобы вместо поля ввода поставить галочку, котоая бы приравнивалась к вводу единицы? А при снятии возвращала значение в 0?
И как сделать чтобы значение товара 1 второй категории появлялась не в поле ввода, а просто в таблице, без возможности редактирования?