Форум

McLotos · #1 (**permalink**) 08.04.2011, 08:17

Как убрать зависимость от выпадающего списка? И вообще объединить два файла в один. 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>
';
}
}


?>

Форум

Справочник

Discord чат

Курсы javascript