Официальный сайт студ.городка НГТУ
Программирование и БД » [ajax] Библиотека jQuery 

#1  06.02.08 15:53

[ajax] Библиотека jQuery

Ребят, как я понял - довольно много народа пользуется этим фрэймворком. Может кто в курсе - он поддерживает все ( имею ввиду ie, opera, ff ) браузеры? Просто то, что я наваял прекрасно работает под ff, наполовину в opera и естественно вобще не работает в ie. Йа криветко?
В частности под opera не работают методы типа animate, под ie всё, начиная с ahah :)

Offline

#2  06.02.08 16:20

Re: [ajax] Библиотека jQuery

какие версии броузеров?
там вроде IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+ поддерживаюца

Offline

#3  06.02.08 17:04

Re: [ajax] Библиотека jQuery

efferson, под ИЕ6 не пашет анимация почему-то, в 7ке пашет(можешь попробовать покликать на списке форумов справа :))

Offline

#4  06.02.08 19:29

Re: [ajax] Библиотека jQuery

Да в том то и дело, что Осёл 6.0.3790. При попытке сделать $("#id_of_div").load( "path_to_page" ); ослик тихо умирает с ошибкой javascripta внутри библиотеки jquery - в ff всё работает без проблем :)
P. S.
XuMiX, хуясе - ты её и к хостелу прикрепил :))) А я то думал handmade :)))

Offline

#5  07.02.08 02:22

Re: [ajax] Библиотека jQuery

efferson написал(а):

А я то думал handmade

это раньше было...

Offline

#6  07.02.08 03:25

Re: [ajax] Библиотека jQuery

Jaguar, раньше анимации не было)

ЗЫЖ у меня всякая разная анимация пашет в ие6+, фф2+, опера9+
даже backgroundPosition =)

одна проблема -- ие не может юзать опасити на объекты, которые находяца внутри объекта к которому я юзаю метод .fadeIn(), например, или какой свой с анимацией прозрачности.

ЗЫЖ2 может стОит скачать последнюю версию jq?

Offline

#7  07.02.08 10:56

Re: [ajax] Библиотека jQuery

У меня 1.2.2 :) Просто скажите кто-нибудь, что у Вас .load в ie работает... - может я зря вобще на библиотеку грешу, и всё дело в моих руках :)

Offline

#8  07.02.08 12:57

Re: [ajax] Библиотека jQuery

efferson написал(а):

ри попытке сделать $("#id_of_div").load( "path_to_page" ); ослик тихо умирает с ошибкой javascripta внутри библиотеки jquery - в ff всё работает без проблем :)

работает прекрасно в блогах

Offline

#9  07.02.08 12:58

Re: [ajax] Библиотека jQuery

wixus, глянь тады, чо я делаю не так, в ие криво слайдятся модули справа

Offline

#10  07.02.08 13:42

Re: [ajax] Библиотека jQuery

у тебя там что-то ваще не понятно
нафик класс? сделай блоку просто style="display:none || block"
а скриптом $('block').slideToggle('slow');

Offline

#11  07.02.08 14:11

Re: [ajax] Библиотека jQuery

wixus, без класса не канает, не помню уже почему

Offline

#12  08.02.08 12:51

Re: [ajax] Библиотека jQuery

только что вышла 1.2.3
http://jquery.com/blog/2008/02/08/jquer … -ui-alpha/

Offline

#13  12.02.08 14:10

Re: [ajax] Библиотека jQuery

не буду создавать новую тему:
при использовании  $("#id_of_div").load( "path_to_page" );  в див загружается кривая кодировка (сайт написан в win1251)
как исправить?
ПС: ммм... не надо, догадался )
header('Content-type: text/html; charset=windows-1251');

Исправлено watson (12.02.08 14:16)

Offline

#14  07.06.08 14:00

Re: [ajax] Библиотека jQuery

как в этой фигне достать html контент из xml файла?

$("message[@name='time']", xmldata).text(); - вернёт обрезанный текст

$("message[@name='time']", xmldata).html(); - вернёт "undefined", потому что

This property is not available on XML documents

какие ещё варианты могут быть?

Offline

#15  07.06.08 19:36

Re: [ajax] Библиотека jQuery

Antony написал(а):

$("message[@name='time']", xmldata).html();

такое должно работать! может неправильно сформированный xml?
Content-Type: text/xml?

Offline

#16  07.06.08 19:59

Re: [ajax] Библиотека jQuery

в мануале jquery написано что не работает для xml. вот я  поэтом и хочу узнать, если ли ещё способы

MrYo-Yo написал(а):

Content-Type: text/xml?

ага. то, что без этого не работает, я давно понял)

если бы xml был неверно сформирован, то вообще бы не работало. text(); же данные вытаскивает.

на всякий случай, вот что отвечает сервер

Код::

HTTP/1.1 200 OK\r\n
Date: Sat, 07 Jun 2008 12:45:53 GMT\r\n
Server: Apache\r\n
X-Powered-By: PHP/5.2.6\r\n
Expires: Thu, 19 Nov 1981 08:52:00 GMT\r\n
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0\r\n
Pragma: no-cache\r\n
Content-Length: 228
Keep-Alive: timeout=15, max=100\r\n
Connection: Keep-Alive\r\n
Content-Type: text/xml; charset=utf-8\r\n
Content-Language: ru\r\n
\r\n

<?xml version="1.0" encoding="UTF-8"?>
<messages>
<message name="time">7 июня 2008, 19:45:53</message>
<message name="text"><b>test</b></mеssage>
</messages>

Offline

#17  25.04.09 18:18

Re: [ajax] Библиотека jQuery

Нужно послать
В скрипт GET ссылку, и получить ответ с этого срипта. не могу дошарить.. или понятььпримеров, потому что по средствам
jQuery.get чота не нашёл примеров.

jQuery.post есть, но нужно именно get

ситуация такая

хочу при нажатии ссылки

Код: php:

function i_l(){
   $id_users = mysql_query("SELECT id, login FROM users");
 
	    while  ($row = mysql_fetch_array($id_users, MYSQL_ASSOC)) {
        $tb[] = printf ("<a href=\"?id=%s\">%s</a><br />", $row["id"], $row["login"]);
 
    }
return $tb;
}

отправлять в скрипт id пользователя
и получать ответ с результатом скрипта в div.otvet, как это сделать через метод GET php знаю.. но не могу понять как получить через jquery.get.

В доках по интернету, ка то хаотично всё разбросано, а вот самого по моему главному нету, точней не нашёл.

index.php

Код: html:

<?php include('function.php');?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>ajax-jquery</title>
 
	<link    type="text/css" rel="stylesheet" href="style.css" /> 
	<script  type="text/javascript" src="jquery.js"></script>
 
</head>
 
<body>
 
<script type="text/javascript">
$(document).ready(function(){           
    $('#example').click(function(){        
        $(this).load('example.php');                 
    })   
});
 
</script>
     	 <div id="header">Ajax_admin's</div>
		 <div id="wrapper">
		 	<div id="l_c"><?php  $tb =&i_l(); ?></div>
		 	<div id="mpage"><div id="example">Click to update</div></div>
		 </div>   
 
</body>
</html>

Исправлено **KiSh** (25.04.09 18:22)

Offline

#18  26.04.09 00:38

Re: [ajax] Библиотека jQuery

Поцики горит прям пестец.. пожалуйста, не пропустите мимо, помогите. могу перефразировать.

вообщем страничка:

|name1 |                                 |
|name2 |   div="main-page"         |

name1="?id=1"
name2="?id=2"

надо при нажатии на ссылку(имя) через jquery послать в скрипт средсвом get, скрипт обработал вы выдал мне к примеру инфу об этом человеке в div#main-page.

не могу понять как отправить get запрос.. он вообще ответ какким образом получит? или нету такой.

мне бы примерчик как отправка идёт, и хотя бы маленький на обработку скрипта. для меня это будет глотком воздуха...ааа. :)

Offline

#19  26.04.09 06:38

Re: [ajax] Библиотека jQuery

За№;лся! не хочет она передавать id=1, сско!
не ужели я в скрипте div_action.php, что то не то сделал?
логично, конечно проверку на пустоту не делал, но это не важно. ВАжно почему не передаёт? где ошибся?
Кстати верхнее уже частично неактуально.
И как сделать перебор все ('#1')? что бы для каждой функция срабатывала??
Плюс наткнулся на момент когда ссылку, не могу юзать, так как она начинает ссылаться, и вообщем аякс не срабатывает, как переловить что бы ссылка с урлом работала только на аякс?
Вот и пришлось елментам присваивать id тегу <b> и его по событию клик.  хотя правильней было бы ссылками, да что то не получаеться. Вообщем что делать то?

Код: javascript:

$(document).ready(function(){   
$('#1').click(function() {
var url = $('div_action.php').attr('id');
$.ajax({
dataType: 'html',
type: 'GET', 
data: 'id=1', 
url: 'div_action.php',
beforeSend: function(){$('#indicator').load('div_action.php #indicator_pre')}, 
success: function(){$('#inner').load('div_action.php #users_data')}, 
error: function() {$('#indicator').load('div_action.php #indicator_error')}, 
});
});
});


div_action.php

Код: php:

 
$id=$_GET['id'];
 
 
$query="SELECT info, pass, login, id FROM users WHERE `id`= $id";
$result = mysql_query($query);
$num_results = mysql_num_rows($result);
 
for ($i=0; $i<$num_results; $i++)
{
$row = mysql_fetch_object($result);
$id=$row->id;
$information="$row->id:$row->login:$row->pass<br />";
}
 
 
?>
<div id="indicator_pre">waiting...</div>
<div id="indicator_true">succes!</div>
<div id="indicator_error">error....error...ALARM!</div>

Исправлено **KiSh** (26.04.09 06:39)

Offline

#20  26.04.09 15:14

Re: [ajax] Библиотека jQuery

**KiSh** написал(а):

$('#1').click(function() {
var url = $('div_action.php').attr('id');
$.ajax({ dataType: 'html',

чё это?
я нифига не понял что тебе нада, но что бы передать гетом в js не нада шибка заморачиваца.

чёто типа таво:

Код: html:

<html>
<head></head>
 
<script type="text/javascript" language="javascript"> 
 
$(document).ready(function(){   
 
  $(".clicked_link").click(function() { GetUserInfo(this); return false; });
 
});
 
function GetUserInfo(obj){
 
$.get("ajax_getuserinfo.php", { id: $(obj).attr('id') },
   function(data){
     alert("Data Loaded: " + data);
   });
}
<script>
 
<body>
 <a class="clicked_link" id="2" href="#">Click</a>
</body>
</html>

Исправлено iDrum (26.04.09 15:15)

Offline

#21  26.04.09 17:50

Re: [ajax] Библиотека jQuery

iDrum,
спасибо, я ксти разобрался как получать отправлять.

возник очень важный вопрос как мне вот в этом скрипте:

$('#1').click(function() {

перебрать все id=#1,2,3,4...n,n+1..100

как ссылки перехватывать а?

допустим у меня черз пхп идёт генерация такая..

<a href="?id=1">link1</a>
<a href="?id=2">link2</a>
<a href="?id=3">link3</a>
<a href="?id=4">link4</a>

как мне задатьчто бы при клике на любую из сылок..

юрался id и вставлялся в get запрос.. и как сделать, чтобы ссылке не работали, а то они мне страницу грузить начинают.

Offline

#22  26.04.09 19:39

Re: [ajax] Библиотека jQuery

ну...
<div id="link_block">
<a href="?id=1">link1</a>
<a href="?id=2">link2</a>
<a href="?id=3">link3</a>
<a href="?id=4">link4</a>
</div>

$("#link_block a").click.....

**KiSh** написал(а):

и как сделать, чтобы ссылке не работали, а то они мне страницу грузить начинают.

$(".clicked_link").click(function() { GetUserInfo(this); return false; });

Offline

#23  27.04.09 00:08

Re: [ajax] Библиотека jQuery

iDrum написал(а):

return false;

помогло, спасибо.



смысл просто надо при шелчке на сылке должно всё посылаться в скрипт на сервере и там обрабатываться, он верен. Так как если вмето URL задать константу, всё работает.
но ссылки у меня динамичные. сверху я указал, каким образом выход идёт.


Как заграбастать атрибут 'href' в переменную url
функция, по моей логики должна работать. но не рабиТ, что не так?

Код: javascript:

$(document).ready(function(){ 
$('#l_c a').click(function() { 
var url = $('#l_c a').attr('href');
$.ajax({
dataType: 'html',
type: 'GET',    
data: 'url', 
......
.....

Offline

#24  27.04.09 01:13

Re: [ajax] Библиотека jQuery

читай про window.location

Offline

#25  27.04.09 01:14

Re: [ajax] Библиотека jQuery

Код: javascript:

$(document).ready(function(){ 
$('#l_c a').click(function() { 
$.ajax({
dataType: 'html',
type: 'GET',           
data: {id: $('#l_c a').attr('href')},
...
....

решение.. только что то не то.. почему оно только с нижней сылки берёт, а не с любой?
что не так?

Исправлено **KiSh** (27.04.09 01:15)

Offline

#26  27.04.09 01:18

Re: [ajax] Библиотека jQuery

я щас пьяный, но насколько помню...блин кароче читай про jquery и не епи мозг :)..а ну this тебе в помач...я же тебе написал в посте #22

Offline

#27  27.04.09 01:29

Re: [ajax] Библиотека jQuery

не могу понять, что он хватает последню ссылку, если правило подходит ко всем?
тоесть отправляет через get только id=4
хотя ссылок ещё 3 штуки сверху.
Он хватает get параметр из поледней зато, работает по одному этому get параметру по всем.

Offline

#28  27.04.09 11:19

Re: [ajax] Библиотека jQuery

iDrum написал(а):

ну this тебе в помач...я же тебе написал в посте #22

ничё не могу понять, причём тут this?

помогите понять как отправить:

id=< параметр кликом по сылке из группы ссылок>

<a href="?id=1">link1</a>
<a href="?id=2">link2</a>
<a href="?id=3">link3</a>
////////////////////////////////////////////////////////////////

$(document).ready(function(){
$('#l_c a').click(function() {
$.ajax({
dataType: 'html',
type: 'GET',
data: {id: $('#l_c a').attr('href')},
url: 'div_action.php',
beforeSend: function(){$('#indicator').html('<b>waiting..</b')},
success: function(answer){$('#inner').html('info:'+ answer);}, /
complete: function(){$('#indicator').html('<b>succes..</b')},
error: function() {$('#indicator').html('<b>error..</b')},
}); return false;
});
});
/////////////////////////////////////////////////////////////////////
это скрипт подходит ко всем сылкам, но сска отрпавлет только парметр последней ссылки, причём даже если щёлкаешь по любой ссылке всё равно отправляет параметр последней. Неужели надо какой то масив создавать по средствам jquery? через .each?

Offline

#29  27.04.09 13:06

Re: [ajax] Библиотека jQuery

...
data: {id: $(this).attr('href')}
...

**KiSh** написал(а):

ничё не могу понять, причём тут this?

не ну джиквери канечно облегчает задачи на 99% но rtfm всё-таки

Offline

#30  27.04.09 13:29

Re: [ajax] Библиотека jQuery

iDrum написал(а):

rtfm

смоттрю в книгу вижу фигу:) ну реально, и твоя версия this не так срабатывает.
срабатывает толко первая ссылка, а парметры передаються как с последней.

Исправлено **KiSh** (27.04.09 13:38)

Offline

#31  27.04.09 15:47

Re: [ajax] Библиотека jQuery

**KiSh**, я фиг знат чё ты там творишь, но всё работает:

Код: html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="./js/jquery.js"></script> 
<script type="text/javascript" language="javascript"> 
 
	$(document).ready(function() {  
		$('#link_block a').click(function() { 
			id = $(this).attr('href').replace(/\?id=/, '')
			alert('ID этой ссылки равен '+id );
			return false;
		}); 		
	}); 
 
</script>
</head>
<body>
<div id="link_block">
	<a href="?id=1">ID1</a>
	<a href="?id=2">ID2</a>
	<a href="?id=3">ID3</a>
	<a href="?id=4">ID4</a>
</div>
</body>
</html>

Offline

#32  27.04.09 15:58

Re: [ajax] Библиотека jQuery

iDrum,
всё!!
огромное спасибо, испытал оргазм.

iDrum написал(а):

.replace(/\?id=/, '')

вот где собака было это условие дополнительное.

Offline

#33  27.04.09 18:05

Re: [ajax] Библиотека jQuery

**KiSh**, блин ну ты даёшь

Offline

#34  28.04.09 17:04

Re: [ajax] Библиотека jQuery

кстати кому интересней, вот способ по изящней.

data: {},     
url: 'div_action.php'+$(this).attr('href'),

и никакой епли:))

Offline

Программирование и БД » [ajax] Библиотека jQuery 

ФутЕр:)

© Hostel Web Group, 2002-2025.   Сообщить об ошибке

Сгенерировано за 0.255 сек.
Выполнено 14 запросов.