Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Статус загрузки в jQuery, Изъезжанная тема, ответа не нашел тут 
:(
    Опции темы
finogeev
Дата 17.2.2009, 17:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



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

Код

$('#link1').click(function(){    
   $("#example-1").html("<img src=\"ajax_load_02.gif\" />");
   $('#example-1').load('index.php');        
}) 


Гифка прогружается, но не анимаируется, понятно что написано чушь ... происхождит очеред событий, а не статус загрузки load ...

PM MAIL ICQ   Вверх
ksnk
Дата 17.2.2009, 18:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Ну, если на коленке по воображать, то чего-нибудь такое:
Код

$('#link1').click(function(){    
   $("#example-1").html("<img src=\"ajax_load_02.gif\" />");
   $.get('index.php',function(data){
      $("#example-1").html(data);
   });
}) 


Добавлено через 1 минуту и 22 секунды
Хотя чем это отличается от первого варианта я затрудняюсь определить ;-)


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
finogeev
Дата 17.2.2009, 21:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Что то в таком варианте вообще ничего не происходит ...
Даже ошибки не высвечиваются smile)))
PM MAIL ICQ   Вверх
ksnk
Дата 17.2.2009, 22:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Код

$(function(){
$('#link1').click(function(){    
   $("#example1").html("<img src=\"loading.gif\" />").load('test.html');
}) 
})


Вот такая штука и анимируется и загружается...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
finogeev
Дата 18.2.2009, 08:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Всем спасибо большое ...
А вот ещё вопросик, в jQuery элемент только по id можно распознать ???

У меня просто он вызывается к данному обработчику вот так:

HTML
<a href="#" id="link1">Click to update</a>
<div class="example cursor" id="example-1"></div>


Просто я теперь не знаю как мне передать допустим переменную вместе с ним ...
В коде понятно как 
Код

$(function(url){
$('#link1').click(function(){    
   $("#example1").html("<img src=\"loading.gif\" />").load(url);
}) 
})


А вот в ссылки как правильно написать то ?
PM MAIL ICQ   Вверх
ksnk
Дата 18.2.2009, 08:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата

А вот ещё вопросик, в jQuery элемент только по id можно распознать ???

selectors

Вот такая обертка
Код

$(function(){
...
})

Означает, что ... будет выполнено после загрузки ДОМ'а.. что-то вроде window.onload=function(){...} Никаких параметров оно не получает 



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
finogeev
Дата 18.2.2009, 08:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Цитата

Никаких параметров оно не получает 


Т.е. передать в код ничего нельзя ... ??? Я просто хотел как в js просто передать onClick="funcname('url')" или onclick="return funcname('url')
PM MAIL ICQ   Вверх
ksnk
Дата 18.2.2009, 09:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата

Я просто хотел как в js просто передать onClick="funcname('url')" или onclick="return funcname('url') 

и кто мешает?
Код

<a href="#" onclick='$("#example1").html("<img src=\"loading.gif\" />").load("URL");return false;'>Click to update</a>
<div class="example cursor" id="example-1"></div>





--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
finogeev
Дата 18.2.2009, 09:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Извените .... туплю немного ... просто не подумал что напрямую можно указать, а не вызывать функцию ...
Спасибо огромное
PM MAIL ICQ   Вверх
finogeev
Дата 20.2.2009, 15:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



В продолжении изучения jQuery возник новый вопрос, может сможете подсказать.
У меня при нажатии на ссылку вылетает див и в нем подгружется контент с другого файла.
В данном варианте, я сделал контент и у меня подгружается файл в обоих случаях, как при открытии так и при закрытии smile Что то не могу понять чем обработать это ...  Т.е. зачем мне нужна подгрузка при закрытии окна. А использовать хочется именно slideToggle, а не отдельные кнопки открытия и закрытия

Код

    $(".add_order").click(function(){
        $("#panel").slideToggle("slow");
        $("#panel").html("<img src=ajax_load_02.gif />").load("inc/form_order_add.php");
        $(this).toggleClass("active");
    
    });


И ещё вопрос. Если у меня по очереди выполняются несколько действий при нажатии, как можно сделать так что бы  сначала дождалось одно, а потом преступало к другому. Т.е. дожидалось выполнения или прогрузки.

Спасибо ...

Это сообщение отредактировал(а) finogeev - 20.2.2009, 15:36
PM MAIL ICQ   Вверх
awers
Дата 20.2.2009, 15:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: нет
Всего: 31



Код

$(document).ready(function(){
    $(document).ajaxSuccess(function(){
        setTimeout("$('.ajaxLoader').remove();", 600);
    });
    $(document).ajaxError(function(){
        $('.ajaxLoader').remove();
        $('<div class="ajaxLoader"><img src="/Images/Backend/server_error.png" align="absmiddle">Application error</div>').appendTo('body');
        setTimeout("$('.ajaxLoader').remove();", 5000);
    });
    $(document).ajaxStart(function(){
        $('<div class="ajaxLoader"><img src="/Images/Backend/spinner.gif" align="absmiddle">Loading...</div>').appendTo('body');
    });
    updateList();
});

Если я правильно понял конечно задачу
PM MAIL WWW ICQ Skype   Вверх
finogeev
Дата 21.2.2009, 11:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Осталось только разобраться в написанном примере ...
На сколько я понимаю, это обработчик на случай ошибки при запросе ... Ладно буду пробывать разбирать его по частям ...

всеравно спасибо, хотья пока и ничего не понятно
PM MAIL ICQ   Вверх
awers
Дата 21.2.2009, 11:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: нет
Всего: 31



finogeev, ты по моему примеру?

ajaxStart - начало передачи данных
ajaxError - если обмен данными не увенчался успехом
ajaxSuccess - передача данных окончена


Это всё стандартные фитчи jQuery. Просто приспособленные под свои нужды.
PM MAIL WWW ICQ Skype   Вверх
finogeev
Дата 25.2.2009, 12:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет



Ну хорошо, а если вот просто ... без таких лишних грамадностей ...
У меня идет одна анимация, а за ней другая, я сейчас делаю через setTimeout, но это как то коряво ... 
Код

$("#content").slideUp(1500);
setTimeout("$("#content2").slideDown(1500);", 1500);

Может как то можно сделать что бы дождалась выполнения одного и только потом приступила к другому ... ?
Или реально писать куча всего с ajaxStart, и Ready ?
PM MAIL ICQ   Вверх
ksnk
Дата 25.2.2009, 12:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата

Может как то можно сделать что бы дождалась выполнения одного и только потом приступила к другому ... ?

Можно. Нужно ВНИМАТЕЛЬНО прочитать описание функции slideDown


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Shark
Дата 21.1.2011, 19:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



ksnk, если я правильно понял вопрос, то тут дело не в SlideDown, а в том, что он хочет, чтоб
1. сначала показался див
2. как этот див показался, начал показываться следующий див

но могу ошибаться, если не ошибаюсь, то тогда надо уже будет отслеживать того или иного действия.


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
ksnk
Дата 21.1.2011, 19:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Shark, если я правильно понял - мой пост был от 25.2.2009, 12:45  smile 
Вероятно, за пару лет ТС как-нибудь и сам разобрался...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Shark
Дата 21.1.2011, 22:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 703
Регистрация: 18.6.2006
Где: Москва

Репутация: нет
Всего: 4



ksnk, а я даже не посмотрел на дату smile))))


--------------------
Смерть - это только начало... 
Агентство недвижимости Premial
PM MAIL WWW ICQ   Вверх
Страницы: (2) [Все] 1 2 
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.1247 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.