Форум

DiMMK4 · #1 (**permalink**) 27.06.2012, 01:43

Доброй ночи.

Сижу ковыряю отправку GET через jQuery так вот по какой-то причине onclick событие не правильно работает в секции <form>…</form> собственно код ниже. Прошу вашей помощи.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>GET OnClick</title>
	<script src="http://yandex.st/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	function get1() {
		jQuery.get("index.php", { message:"Hello111" } );
	}
	function get2() {
		jQuery.get("index.php", { message:"Hello222" } );
	}
	</script>
</head>
<body>
<form action="" method="post">
<input type="submit" onclick="get1();" value="Не работает" />
</form>
<input type="submit" onclick="get2();" value="Работает" />
</body>
</html>

<?php
$s=$_GET['message']."\n";
$file='file.txt';
// если файл существует и возможна запись
if (is_writeable($file)) {
// открыть файл и установить указатель текущей позиции в конец файла
$fh=fopen($file, "a+");
// записать содержимое $s в файл
fwrite($fh, $s);
// закрыть файл
fclose($fh); }
else {
// если файл не существует
echo "Файла $file не существует!" ;}
?>

Deff · #2 (**permalink**) 27.06.2012, 02:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>GET OnClick</title>
	<script src="http://yandex.st/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	function get1() {
alert('get1()')
		$.get("index.php", { message:"Hello111" } );
	}
	function get2() {
alert('get2()')
		$.get("index.php", { message:"Hello222" } );
	}
	</script>
</head>
<body>
<form action="" method="post" onsubmit="alert('A')">
<input id="submit" type="submit" onclick="get1();" value="Работает" />
</form>
<input type="submit" onclick="$('#submit').click();" value="Работает" />
<br>
<input type="submit" onclick="get2();alert('B')" value="Не Работает ?" />
</body>
</html>

DiMMK4 · #3 (**permalink**) 27.06.2012, 02:42

Начало работать после того как вы добавили к form onsubmit="alert('A');"

<form action="" method="post" onsubmit="alert('A');">

Но мне не нужно, чтобы бы выводился alert, как поступить?

Deff · #4 (**permalink**) 27.06.2012, 02:55

DiMMK4,
Это демонструшка - показывает , что клик - работает везде - а субмит ток внутри формы или со ссылкой на форму и уже её субмитить

DiMMK4 · #5 (**permalink**) 27.06.2012, 03:16

Deff,
Я наверно не правильно выразился, сам по себе клик работает но функцию c $.get которую он вызывает внутри form не работает.

Skipp · #6 (**permalink**) 27.06.2012, 09:59

У вас отправка формы происходит ещё до того как исполнятся скрипты, зачем вы сделали кнопки submit? Сделайте button и проблема решиться.

Форум

Справочник

Discord чат

Курсы javascript