Мешает выпадающий список JS+PHP
Как убрать зависимость от выпадающего списка? И вообще объединить два файла в один. scripts.js
Код:
$(document).ready(function() {
$("#type_site").change(function() {
var typeOfSite = $("#type_site :selected").val(),
formOftype = $("#config_site");
/* Обнуляем общую и сумм с НДС в поле вывода */
$("#summ span").text("0");
$("#summ_nds span").text("0");
/* Выбираем соответствующую форму из файла */
formOftype.load("fullform.php",{option:typeOfSite});
/* Выбираем все чекбоксы которые были подгружены, в этом нам поможет функция live */
formOftype.live("change",function() {
/* При проведении действий пересчитываем сумму в зависимости от выбраных чекбоксов */
var totalSum = 0, /* Полную сумму сначала приравниваем к нулю */
totalSumNDS = 0,
choiceCMS = parseInt($("#cms_radio :selected").val());
/* Приплюсовываем сумму стоимости CMS */
totalSum += choiceCMS;
/* Каждое поле ввода проверяем на введеное значение, если больше нуля то считаем его */
$("#inputCell").each(function() {
var inputCell = parseInt($("#inputCell").val()) * parseInt($("#inputCell").attr("name"));
totalSum += inputCell ;
});
/* Пересчитываем все чекбоксы которые отмечены галочкой*/
$(this + "input[name=''] :checked").each(function() {
totalSum += parseInt($(this).val());
});
/* Подсчет и вывод суммы итоговой */
totalSumNDS = totalSum * 1.18 ;
$("#summ span").text(totalSum);
$("#summ_nds span").text(totalSumNDS);
});
});
});
Index.php
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Онлайн калькулятор</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="scripts.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="full_calc">
<form>
<div id="type_of_site">
<p>Выберите тип сайта</p>
<p>
<select id="type_site">
<option value='0'>Выберите тип сайта</option>
<option value='1'>Визитка</option>
<option value='2'>Корпоративный</option>
</select>
</p>
</div>
<p id="tipus"></p>
<div id="config_site">
</div>
</form>
</div>
<p id="summ">Стоимость сайта: <strong><span></span></strong> р.</p>
<p id="summ_nds">Стоимость сайта для организаций плательщиков НДС: <strong><span></span></strong> р.</p>
</body>
</html>
fullform.php
Код:
<?
if (isset($_POST["option"])) {
$option = $_POST["option"];
if ($option == 1) {
print '
<h3>Сайт визитка</h3>
<div id="programming">
<p><strong>Программирование:</strong></p>
<p>Система управления сайтом (от 4000 р.) <br>
<span>При выборе CMS вы сможете выбрать какую конкретно CMS использовать.</span></p>
<p><select id="cms_radio">
<option value="0">Не использовать</option>
<option value="4000">CMS jADM (4000 р.)</option>
<option value="8000">Amiro.CMS: Визитка (8000 р.)</option>
<option value="6000">Joomla! (6000 р.)</option>
<option value="14000">1С-Битрикс: Старт (14000 р.)</option>
<option value="0">Другая (в зависимости от сложности)</option>
</select></p>
<p><input type="checkbox" name="" value="1000">Форма отправки писем (1000 р.) <br>
<span>Установка простой формы отправки писем или заявок посетителей. Простая форма содержит до 5 полей для ввода текста (Ф.И.О. отправителя, контактный телефон, e-mail, дополнительная информация и т.п.). Сообщение приходит на электронную почту в текстовом формате. Позволяет привести запросы посетителей к единой форме и избежать СПАМа.</span></p>
</div>
';
}
}
?>
|