Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Посогите поправить скрипт. (https://javascript.ru/forum/events/38923-posogite-popravit-skript.html)

igor_g75 08.06.2013 12:58

Помогите поправить скрипт.
 
Добрый день. Есть скрипт вот некоторые строки

$(document).ready(function() {
		$("#type_site").change(function() {
		var typeOfSite = $("#type_site :selected").val(),
			formOftype = $("#config_site");

/* Выбираем соответствующую форму из файла */
			formOftype.load("/form/fullform.php",{option:typeOfSite});


Как мне сделать то же самое действие но на кнопку submit
Пробую так но что дальше не могу разобраться ???

$(document).ready(function() {
$("input[name=type_site]:submit").click(function() {

Одним словом надо что бы по нажатию кнопки происходило тоже самое что и при выборе поля select. Т.е подгружалась нужная форма тут наглядно

Hekumok 08.06.2013 23:26

$("input[name=type_site]").on("submit", function() {
// some code
}) ;

igor_g75 08.06.2013 23:55

Цитата:

Сообщение от Hekumok (Сообщение 255414)
$("input[name=type_site]").on("submit", function() {
// some code
}) ;

Спасибо большое, но все равно не получаеться . Может я неправильно описал. попробую еще раз.

HTML
<html>
<head>

<script type="text/javascript" src="http://parrot.km.ua/form/jquery.js"></script>
<script type="text/javascript" src="http://parrot.km.ua/form/scripts.js"></script>

</head>

<body>



<center> <font size="5" color="#848484">Калькуляция стоимости сувениров </font></center>
<div id="full_calc">

<form id="forma" method="post" name="forma">
	
	<div id="type_of_site">
    	
  	
			
			 
			<select id="type_site" name="type_site">
            	<option value='сувенир' >Выберите тип сувенира</option>
            	<option value='Фотомагнит'>Фотомагнит</option>
                <option value='Фотокружка'>Фотокружка</option>
				 <option value='Футболка'>Футболка</option>
            </select>
        </p>
<p><input type="submit" name="type_site" id="type_site" value="Оформить"></p>
		</div>

   
    <p id="tipus"></p>
 

    <div id="config_site">        
  
    </div>
  



</body>
</html>


// JavaScript Document
	
		$(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("/form/fullform.php",{option:typeOfSite});
			
			/* Выбираем все чекбоксы которые были подгружены, в этом нам поможет функция live */
			formOftype.live("change",function() {
				
				/* При проведении действий пересчитываем сумму в зависимости от выбраных чекбоксов */
				var totalSum = 0, /* Полную сумму сначала приравниваем к нулю */
					totalSumNDS = 0;
					
					
									/* Пересчитываем все радиобоксі которые отмечены галочкой*/
$("input[type=radio]:checked") .each(function() {
totalSum += parseInt($(this).val());
});
					/* Приплюсовываем сумму стоимости CMS */
					
					/* Приплюсовываем сумму стоимости CMS */
				
				/* Каждое поле ввода проверяем на введеное значение, если больше нуля то считаем его */
				$("#inputCell").each(function() {
						var inputCell = parseInt($("#inputCell").val()) * parseInt($("#inputCell").attr("name"));
					totalSum *= inputCell ;	
				});
						
				/* Пересчитываем все чекбоксы которые отмечены галочкой*/
$("input[type=checkbox]:checked") .each(function() {
totalSum += parseInt($(this).val());
});

				
				/* Подсчет и вывод суммы итоговой */
				totalSumNDS = totalSum * 1.18 ;
				$("#summ span").text(totalSum);
				$("#summ_nds span").text(totalSumNDS);
			});
	});	
	
});


И файл php откуда подтягиваються формы
if (isset($_POST["option"])) {
	$option = $_POST["option"];
	
	if ($option == Кнопка) {
		print '
	
Тут например то что должна подтягивать кнопка
	';
		
	}	

	
	


	if ($option == Фотомагнит) {
		print '
			
     xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
 
		';
		
	}
	
	if ($option == Фотокружка) {
		print '
				
 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     
     
</div>
            
 
		';
		
	}	
	


	}

?>



Ну и собственно впрос как правильно дописать в самом скрипте обработку submit ну и соответственно что дописать в файле откуда тянеться форма. Заранее извиняюсь я в этом полный дуб , но очень надо

Hekumok 09.06.2013 10:55

<html>
<head>

<script type="text/javascript" src="http://parrot.km.ua/form/jquery.js"></script>
<script type="text/javascript" src="http://parrot.km.ua/form/scripts.js"></script>

</head>

<body>
<center> <font size="5" color="#848484">Калькуляция стоимости сувениров </font></center>
<div id="full_calc">

<form id="forma" method="post" name="forma">
	
	<div id="type_of_site">
    	
  	
			
			 
			<select id="type_site" name="type_site">
            	<option value='сувенир' >Выберите тип сувенира</option>
            	<option value='Фотомагнит'>Фотомагнит</option>
                <option value='Фотокружка'>Фотокружка</option>
				 <option value='Футболка'>Футболка</option>
            </select>
        </p>
<p><input type="submit" name="type_site" *!*id="type_site_2"*/!* value="Оформить"></p>
		</div>

   
    <p id="tipus"></p>
 

    <div id="config_site">        
  
    </div>
  



</body>
</html>


// JavaScript Document
	
		$(document).ready(function() {
		*!*$("#type_site_2").on("submit"*/!*, function() {
		var typeOfSite = $("#type_site :selected").val(),
			formOftype = $("#config_site");
			
			/* Обнуляем общую и сумм с НДС в поле вывода */
			$("#summ span").text("0");
			$("#summ_nds span").text("0");

			/* Выбираем соответствующую форму из файла */
			formOftype.load("/form/fullform.php",{option:typeOfSite});
			
			/* Выбираем все чекбоксы которые были подгружены, в этом нам поможет функция live */
			formOftype.live("change",function() {
				
				/* При проведении действий пересчитываем сумму в зависимости от выбраных чекбоксов */
				var totalSum = 0, /* Полную сумму сначала приравниваем к нулю */
					totalSumNDS = 0;
					
					
									/* Пересчитываем все радиобоксі которые отмечены галочкой*/
$("input[type=radio]:checked") .each(function() {
totalSum += parseInt($(this).val());
});
					/* Приплюсовываем сумму стоимости CMS */
					
					/* Приплюсовываем сумму стоимости CMS */
				
				/* Каждое поле ввода проверяем на введеное значение, если больше нуля то считаем его */
				$("#inputCell").each(function() {
						var inputCell = parseInt($("#inputCell").val()) * parseInt($("#inputCell").attr("name"));
					totalSum *= inputCell ;	
				});
						
				/* Пересчитываем все чекбоксы которые отмечены галочкой*/
$("input[type=checkbox]:checked") .each(function() {
totalSum += parseInt($(this).val());
});

				
				/* Подсчет и вывод суммы итоговой */
				totalSumNDS = totalSum * 1.18 ;
				$("#summ span").text(totalSum);
				$("#summ_nds span").text(totalSumNDS);
			});
	});	
	
});


Часовой пояс GMT +3, время: 01:58.