Меню
Что нового?

Отправка формы AJAX-м по нажатию на ссылку.

beerdy

beerdy

Новичок
Код: 
................
	<script language="JavaScript" src="js/jquery.js"></script>
	<script language="JavaScript" src="js/jquery.form.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var options = {target: "#viewsqr"};
			$('#test').submit(function(){
				$(this).ajaxSubmit(options);
				return false;
			});
		});
	</script>
......................
<form id="test" action="/print.php" method="post" name="add_basket_form">
<select name="sts">
	<option value="90">90</option>
	<option value="80">80</option>
	<option value="70">70</option>
</select>
<input type="submit" name="ok" value="print_button" id="detect"/>
<div class="check"><a id="test" href="#???">print</a></div>
</form>
<div id="viewsqr">
</div>
По нажатию на кнопку print_button (submit) AJAX (jquery) срабатывает и подгружается без передергивания страницы.
А вот как сделать чтобы при нажатии на ссылку print_link делалось тоже самое. Т.к. сам я много вариантов перепробовал но че-то с невяжется. Может проблема с обработкой в самом JQUERY ну хз...

Помогите пжалуйста)
 
beerdy

beerdy

Новичок
Код: 
<input type="submit" name="ok" value="print_button" id="detect"/>
или как сделать кнопку изображением без рамки кнопки?
 
beerdy

beerdy

Новичок
Всем спасибо, сам разобрался. Кому нужно будет то вот:
Код: 
................
	<script language="JavaScript" src="js/jquery.js"></script>
	<script language="JavaScript" src="js/jquery.form.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			var options = {target: "#viewsqr"};
			$('#test').submit(function(){
				$('#print_link').ajaxSubmit(options);
				return false;
			});
		});
	</script>
......................
<form id="test" action="/print.php" method="post" name="add_basket_form">
<select name="sts">
	<option value="90">90</option>
	<option value="80">80</option>
	<option value="70">70</option>
</select>
<input type="submit" name="ok" value="print_button" id="detect"/>
<div class="check"><a id="print_link" href="#???">print</a></div>
</form>
<div id="viewsqr">
</div>
 
Войдите или зарегистрируйтесь для ответа.
Сверху