Модераторы: 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   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




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


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

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