Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: jquery val()

Rigel

9.02.2011 - 16:19

Почему-то не работает такой код.
Планировалось что при нажатии на гиперссылку + или - будет меняться значение в теге div.

<html>
<head>
<script type="text/javascript" src="jquery.js">
</script>

<script type="text/javascript">
$(document).ready(function() {
	$("#inc").click(function() {
		var sila = $("#sila").val();
		sila = sila+1;	
		$("#sila").val() = sila;
	});
	$("#dec").click(function() {
		$("#sila").val();
		var sila = $("#sila").val();
		sila = sila-1;	
		$("#sila").val() = sila;
	});
});
</script>

</head>
<body>
<div id="sila">1</div><a href="" id="inc">+</a><a href="" id="dec">-</a>
</body>
</html>

Спустя 53 секунды (9.02.2011 - 15:20) ZSH написал(а):

$("#sila").text(sila);

Спустя 5 минут, 26 секунд (9.02.2011 - 15:25) Rigel написал(а):

ZSH
и так не работает

Спустя 4 минуты, 41 секунда (9.02.2011 - 15:30) ZSH написал(а):

замени val на text
в DIV нет атрибута VALUE

Спустя 11 минут, 3 секунды (9.02.2011 - 15:41) Rigel написал(а):

ZSH
заменил

<script type="text/javascript">
$(document).ready(function() {
	$("#inc").click(function() {
		var p(int) = $("#sila").text();
		p++;
		$("#sila").text() = p;
	});
	$("#dec").click(function() {
		var p(int) = $("#sila").text();
		p--;
		$("#sila").text() = p;
	});
});
</script>

Спустя 24 минуты, 42 секунды (9.02.2011 - 16:06) Snus написал(а):

Rigel
Да уж )

Ну тогда уж так

<script type="text/javascript">
$(document).ready(function() {
	$("#inc").click(function() {
		var p(int) = $("#sila").text();
		p++;
		$("#sila").text(p);
	});
	$("#dec").click(function() {
		var p(int) = $("#sila").text();
		p--;
		$("#sila").text(p);
	});
});
</script>

Спустя 8 минут, 53 секунды (9.02.2011 - 16:15) Rigel написал(а):

Snus
все равно не хочет

мне не обязательно в диве поменять текст, можно вместо него span какой-нибудь поставить, главное чтоб текст менялся.

Неужели всемогущий джаваскрипт такого не могёт

Шутка

Спустя 7 минут, 13 секунд (9.02.2011 - 16:22) Michael написал(а):

вместо:

$("#sila").val() = sila;

надо:

$("#sila").val(sila);

Спустя 6 минут, 15 секунд (9.02.2011 - 16:28) Rigel написал(а):

Michael
это получить значение или присвоить?

Спустя 3 минуты, 8 секунд (9.02.2011 - 16:31) Snus написал(а):

Пробуй так


$(document).ready(function() {
	$("#inc").click(function() {
		$("#sila").text(Number($("#sila").text()) + 1);
		return false;
	});
	$("#dec").click(function() {
		$("#sila").text(Number($("#sila").text()) - 1);
		return false;
	});
});

Спустя 1 минута, 35 секунд (9.02.2011 - 16:33) Rigel написал(а):

Snus
Ну ты монстр!

Спасибо!

Спустя 3 минуты, 36 секунд (9.02.2011 - 16:36) Michael написал(а):

Цитата (Rigel @ 9.02.2011 - 15:28)

Michael
это получить значение или присвоить?

я тебе показал как присваивать нужно value какому то инпуту.

Спустя 1 час, 4 минуты, 59 секунд (9.02.2011 - 17:41) Rigel написал(а):

еще один вопрос.
пытаюсь отправить ajax get запрос пхп файлу.

<html>
<head>

<script type="text/javascript" src="jquery.js">
</script>

<script type="text/javascript">
$("#button").click(function(){
   $.get('http://worldwar3.6te.net/test.php', { username: 'Кроша' }, function (data) {
      alert(data);
   });
});
</script>

</head>
<body>
<input type="button" value="Тырк" id="button">
</body>
</html>

Код пхп файла:

<?php
	echo 'WorldWar сервер приветствует тебя, '.$_GET["username"];
?>

По идее должен выскакивать алерт с сообщением, но ничего не происходит при нажатии.

Спустя 44 минуты, 7 секунд (9.02.2011 - 18:25) sharki написал(а):

Rigel
Ты наверное знаешь про то, что AJAX работает только внутри домена (как то так), т.е файл обработчик должен находится в тех же директориях где и сам сайт.

Спустя 3 минуты, 32 секунды (9.02.2011 - 18:29) Snus написал(а):

Rigel

$(document).ready(function(){
   xxx
});

Спустя 18 часов, 59 минут, 35 секунд (10.02.2011 - 13:29) Rigel написал(а):

Snus
sharki
Спасибо!
Перенес файл на сервер, заключил код в document.ready и все заработало!
Это мой первый аякс в жизни!

Спустя 3 минуты, 12 секунд (10.02.2011 - 13:32) Snus написал(а):

Rigel
Да не за что! Все так и бывает... сначала первый секс, потом первый аякс и тд

Спустя 15 минут, 5 секунд (10.02.2011 - 13:47) uWeb написал(а):

http://webcodes.ru/publ/1-1-0-4351 мой вариант

Спустя 1 час, 41 секунда (10.02.2011 - 14:48) Rigel написал(а):

uWeb
спасибо, красиво написано

Спустя 9 минут, 37 секунд (10.02.2011 - 14:57) Rigel написал(а):

Помогите пожалуйста разобраться со вторым аяксиком в моей жизни :)

файл index.html

<html>
<head> 
<title>Ajax</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta http-equiv="Content-Style-Type" content="text/css"> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.form.js"></script> 

<script type="text/javascript">
$(document).ready(function() {
	$("#button").click(function(){
		$.ajax({
			url: 'test.php', 
			type: 'post',
			data: { username: $("#username").text(), password: $("#password").text() },
			success: function(msg){
				alert(msg);
			}
		};
	});
});
</script>

</head>
<body>
<input type="text" name="username" id="username"><br>
<input type="password" name="password" id="password"><br>
<input type="button" value="Регистрация" id="button">
</body>
</html>

файл test.php

<?php
	if(!isset($_POST["username"]) || !isset($_POST["password"])) {
	die('Error #1');
	} else {
	$name = $_POST["username"];
	$pass = $_POST["password"];
	$link = mysql_connect("localhost","admin","qwerty123") or die(mysql_error);
	mysql_select_db("database1", $link) or die(mysql_error());
	
	$query = "INSERT INTO `db1` (username, password) VALUES ('$name', '$pass')";
	$sql = mysql_query($query) or die(mysql_error());
	if(mysql_affected_rows()>0) {
		$msg = 'Cool, maaan ;)';
	}
	}
?>

При нажатии на кнопу "Регистрация" ничего не происходит и в БД запись не добавляется :(

Спустя 1 минута, 10 секунд (10.02.2011 - 14:58) Snus написал(а):

$(document).ready(function() {
	$("#button").click(function(){
		$.ajax({
			url: 'test.php', 
			type: 'post',
			data: { username: $("#username").text(), password: $("#password").text() },
			success: function(msg){
				alert(msg);
			}
		});
	});
});

Сам увидишь ошибку? )

Спустя 4 минуты, 52 секунды (10.02.2011 - 15:03) Rigel написал(а):

Snus
вместо text использовать val?

upd: хотя не, не помогает

Спустя 13 минут, 29 секунд (10.02.2011 - 15:17) Snus написал(а):

Rigel
$.ajax({
url: 'test.php',
type: 'post',
data: { username: $("#username").text(), password: $("#password").text() },
success: function(msg){
alert(msg);
}
});

Спустя 5 минут, 1 секунда (10.02.2011 - 15:22) Rigel написал(а):

Snus
во я лупень )

Теперь в базу добавляет, но алерт выводится пустым.
В пхп-файле у меня определяется переменная $msg в случае добавления в базу, она не передается обратно яваскрипту?

Спустя 2 минуты, 39 секунд (10.02.2011 - 15:24) Snus написал(а):

Rigel
Не путай кислое с холодным! Переменные в php коде не имеют ни малейшей связи с JS. Если это не json, конечно...

В php-коде поменяй $msg = 'Cool, maaan '; на echo 'Cool, maaan ';

Спустя 2 минуты, 37 секунд (10.02.2011 - 15:27) Rigel написал(а):

Snus
Обалдеть, работает

Спасибо большое! Надо будет почитать про json...

Спустя 10 минут, 53 секунды (10.02.2011 - 15:38) Rigel написал(а):

ну и еще вопрос

вот пока идет отправка и прием ответа от php-файла пишут обычно что-то типа "Загрузка...", как это реализовать?

Спустя 12 минут, 24 секунды (10.02.2011 - 15:50) Snus написал(а):

Rigel
Попробуй так:

$(document).ready(function() {
	$("#button").click(function(){
		var _div = $('<div style="position: absolute; top: 0; right: 0;">Загрузка...</div>');
		$('body').append(_div);
		$.ajax({
			url: 'test.php', 
			type: 'post',
			data: { username: $("#username").text(), password: $("#password").text() },
			success: function(msg){
				alert(msg);
				_div.remove();
			}
		});
	});
});

Спустя 7 минут, 37 секунд (10.02.2011 - 15:58) Rigel написал(а):

Snus
Ну огромное тебе спасибо. Теперь хоть разбираюсь что к чему

Хотел репутацию поднять, да сутки еще не прошли с прошлого подъема

)

Быстрый ответ:

Здесь расположена полная версия этой страницы.