Показать сообщение отдельно
  #1 (permalink)  
Старый 24.10.2012, 00:04
Интересующийся
Отправить личное сообщение для 27NataRUS Посмотреть профиль Найти все сообщения от 27NataRUS
 
Регистрация: 23.10.2012
Сообщений: 17

Создание калькулятора.
Здравствуйте.
Написала шаблон калькулятора и формулу, по которой будет итог рассчитываться.
Шаблон:
Код:
<script type="text/javascript">
function change() {
   document.getElementById('ch1').innerHTML='0';
}
function newdoc() {
   location.assign('http://test.ruslinck.pro/ru/order');
}
</script>

<div>

<table class="formcalc">
<tbody>
<tr>
                     
<!-- Цвета -->
<td class="calc-top">
<h3>Цвета в наличии:</h3></td>
  <td class="calc-top">Серебристый<br /><img src="http://test.ruslinck.pro/images/calculator/gray.png" alt="серебристый" /><br /></td>
  <td class="calc-top">Чёрный<br /><img src="http://test.ruslinck.pro/images/calculator/black.png" alt="чёрный" /><br /></td>
  <td class="calc-top">Зелёный<br /><img src="http://test.ruslinck.pro/images/calculator/green.png" alt="зелёный" /><br /></td>
</tr></tbody>
                        
<!-- Привратник 01-С -->                      

<tbody>
<tr>
  <td>
  <h3>Привратник 01-С</h3>
<table class="formcalc"><tr class="validate['required']"><td>
Количество:</td>
<td>
<p><input type="text" size="5" value="0" name="kolvo" onfocus="this.value=(this.value=='0')? '' : this.value;" onblur="this.value=(this.value=='')? '0' : this.value;"  onclick="this.value='';" /> шт.</p>
</td></tr></table>
Добавить
</td>

<!-- Выбор 01-С накладной -->
<td colspan="2" class="radio">
          <p>
              <input type="radio" class="validate['required']" name="01C" value="1" id="gray01A" onclick="fun1()" />
                <label for="gray01A">Серебристый</label><br />
              <input type="radio" class="validate['required']" name="01C" value="1" id="black01A" />
                <label for="black01A">Чёрный</label><br />
              <input type="radio" class="validate['required']" name="01C" value="1" id="green01A" />
                <label for="green01A">Зелёный</label>
           </p>
</td>
     
<!-- Выбор 01-С бокс -->
<td class="calc-top">
<h3>Бокс для накладного исполнения</h3>
<img src="http://test.ruslinck.pro/images/calculator/box.png" alt="Бокс" />
<p><input type="radio" name="box1" value="1" id="box1" /></p><br />

<!-- Кол-во 01-С бокс -->                          
<table class="formcalc"><tr class="validate['required']"><td>
Количество:</td>
<td>
<p><input type="text" size="5" value="0" name="kolvo3" onfocus="this.value=(this.value=='0')? '' : this.value;" onblur="this.value=(this.value=='')? '0' : this.value;"  onclick="this.value='';" /> шт.</p>
</td></tr></table>
 
</td></tr>
</tbody>

<!-- Привратник 02-А --> 
<tbody>
<tr><td>
<h3>Привратник 02-А</h3>
<table class="formcalc"><tr><td>
Количество:</td>
<td>
<p><input type="text" size="5" value="0" name="kolvo2" onfocus="this.value=(this.value=='0')? '' : this.value;" onblur="this.value=(this.value=='')? '0' : this.value;"  onclick="this.value='';" /> шт.</p>
</td></tr></table>
Добавить
</td>

<!-- Выбор 02-А накладной -->
<td colspan="2" class="radio">
    <p>
        <input type="radio" name="02A" value="1" id="gray02C" />
          <label for="gray02C">Серебристый</label><br />
         <input type="radio" name="02A" value="1" id="black02C" />
           <label for="black02C">Чёрный</label><br />
         <input type="radio" name="02A" value="1" id="green02C" />
           <label for="green02C">Зелёный</label>
    </p>
 </td>
                         
<!-- Привратник 02-А бокс -->                         
<td class="calc-top">
<h3>Бокс для врезного исполнения</h3>
<img src="http://test.ruslinck.pro/images/calculator/box.png" alt="Бокс" />
<p><input type="radio" name="box2" value="1" id="Врезное_02" /></p><br />

<!-- Кол-во 02-А бокс -->                          
<table class="formcalc"><tr><td>
Количество:</td>
<td>
<p><input type="text" size="5" value="0" name="kolvo4" onfocus="this.value=(this.value=='0')? '' : this.value;" onblur="this.value=(this.value=='')? '0' : this.value;"  onclick="this.value='';" /> шт</p>
</td></tr></table>
</td></tr>
</tbody>


<!-- Рассчитанная стоимость -->
<tbody>
<tr>
<td colspan="4"  class="calc-form">Рассчитанная стоимость составляет <div id="ch1"><strong>{rezultat}</strong></div> руб.<p><br /></p>
<p><input class="button" type="reset" name="reset" value="Отменить" onclick="change(),newdoc()" /></p>

<p><br /></p><br />
<p>Выслать заявку на e-mail: 
<input type="text" value="Введите ваш e-mail" name="mailto" id="mailto" class="validate['email']" onfocus="this.value=(this.value=='0')? '' : this.value;" onblur="this.value=(this.value=='')? '0' : this.value;"  onclick="this.value='';" /></p>
<p><br /></p>
<form name="files" id="files" method="post" action="mail.php" enctype="multipart/form-data">
<p> 
<input type="file" name="files" value="Выберите файл" /></p>
</form>
<p><br /></p>
<p><input type="submit" value="Отправить заявку" /></p>

                         </td>
                      </tr>
                       
                       
</tbody>
</table>
 
</div>
Формула:
Код:
rezultat=({01C}*{kolvo})*100+({box1}*{kolvo3})*200+({02A}*{kolvo2})*300+({box2}*{kolvo4})*400
При заказе все позиции отображаются, а нужно только выбранные. Как это реализовать? Помогите, пожалуйста.
Ответить с цитированием