Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Помогите сделать плавное появление
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Помогите сделать плавное появление

Страниц (1): [1]
 

1. android - 01 Декабря, 2012 - 22:00:24 - перейти к сообщению
Здравствуйте, есть 3 блока:

CODE (html):
скопировать код в буфер обмена
  1.  
  2.  
  3. <div class="test" style="display:none;">Тут какой то текст<br/></div>
  4. <div class="test" style="display:none;">Тут какой то текст<br/></div>
  5. <div class="test" style="display:none;">Тут какой то текст<br/></div>
  6.  
  7.  


И есть скрипт который должен обрабатывать контент внутри каждого блока и после обработки плавно выводить блок.

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

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.  
  3. $('.test').each(function(q, w) {
  4.  
  5.             //Тут гет запрос отправки данных
  6.             $.get('/op', function(a) {
  7.                 //получаем ответ что все ок
  8.  
  9.                 if(a == 1) $(this, w).show(3000);
  10.             });
  11.            
  12.         });
  13.  
  14.  


И собственно выводит все сразу (в скрипте я привел как должно быть расположение обработчика, соответственно this show test не будет работать в get запросе), прошу помочь в решении данного вопроса.
2. LIME - 01 Декабря, 2012 - 22:19:20 - перейти к сообщению
. show( w*3000) ;
3. android - 01 Декабря, 2012 - 22:27:20 - перейти к сообщению
LIME спасибо, только не w а q
4. LIME - 01 Декабря, 2012 - 22:33:45 - перейти к сообщению
возможно лучше применить setTimeout()
5. armancho7777777 - 01 Декабря, 2012 - 23:29:33 - перейти к сообщению
Как-то так:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.  
  3. function showRecursive(elements, key)
  4. {
  5.         var elements = $(elements),
  6.             count = elements.size(),
  7.             key = key || 0;
  8.        
  9.         if(key <= count + 1)
  10.         {
  11.                 var el = elements.eq(key);
  12.  
  13.                 $.get('/op', function(a) {
  14.                
  15.                         if(a == 1)
  16.                         {
  17.                                 el.show(1000, function(){
  18.                                        
  19.                                         if(key + 1 < count)
  20.                                         showRecursive(elements, key + 1);
  21.                                        
  22.                                 });
  23.                         }
  24.                         else
  25.                         {
  26.                                 if(key + 1 < count)
  27.                                 showRecursive(elements, key + 1);
  28.                         }
  29.                 });
  30.         }
  31. }
  32.  
  33. $(function(){
  34.     showRecursive('.test');
  35. });
  36.  


Не проверял.
6. LIME - 01 Декабря, 2012 - 23:40:03 - перейти к сообщению
рекурсий впринципе лучше избегать
и ряд гет запросов лучше заменить одним если можно с возвратом массива результатов
или отправить все кучей
а шоу запустить через таймер от индекса массива
7. armancho7777777 - 01 Декабря, 2012 - 23:43:17 - перейти к сообщению
LIME пишет:
рекурсий впринципе лучше избегать

Почему?
Типа:
- О, рекурсия ((( Не, ищем другой вариант?)

LIME пишет:
ряд гет запросов лучше заменить одним если можно с возвратом массива результатов

Согласен. Если конечно все запросы к одному файлу.
Но, почему-то кажется, что это просто пример, над которым ТС не парился)
8. LIME - 01 Декабря, 2012 - 23:51:14 - перейти к сообщению
именно...ищем вариант
зачем оперативку засорять зря
9. armancho7777777 - 01 Декабря, 2012 - 23:57:10 - перейти к сообщению
LIME пишет:
зачем оперативку засорять зря

То есть между многократными однотипными действиеми в цикле и рекурсией Вы видите разницу в производительности ?)
10. LIME - 01 Декабря, 2012 - 23:57:32 - перейти к сообщению
а если сбой на одном из запросов?
я вообще ...без конкретики
(Добавление)
есть разница и в производительности и в памяти
(Добавление)
что происходит при вызове ф-ции?
11. armancho7777777 - 02 Декабря, 2012 - 00:01:04 - перейти к сообщению
LIME пишет:
а если сбой на одном из запросов?

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. if(a == 1)
  3. {
  4.     // show
  5. }
  6. else
  7. {
  8.      return;
  9. }
  10.  

(Добавление)
LIME пишет:
что происходит при вызове ф-ции?

Если адреса разные, то:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. for(/*  ...........  */)
  3. {
  4.         $.get('/op', function(a) {
  5.        
  6.                 if(a == 1)
  7.                 {
  8.                         el.show(1000, function(){
  9.                                
  10.                                
  11.                         });
  12.                 }
  13.         });
  14. }
  15.  
12. LIME - 02 Декабря, 2012 - 00:07:53 - перейти к сообщению
и последующие запросы не будут выполнены
но это побочный минус
(Добавление)
я не об этом
происходит выделение памяти
перенос туда кода и параметров
после отработки возврат данных в вызвавшую фцию и очистка памяти
таким образом выстраивается цепь фций
и потом схлопывается обратно
стек вызовов если большой то хреново
13. armancho7777777 - 02 Декабря, 2012 - 00:13:48 - перейти к сообщению
LIME пишет:
и последующие запросы не будут выполнены

Точнее так:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. if(a == 1)
  3. {
  4.     // show
  5. }
  6. else
  7. {
  8.      if(key + 1 < count)
  9.      showRecursive(elements, key + 1);
  10. }
  11.  


LIME пишет:
происходит выделение памяти
перенос туда кода и параметров
после отработки возврат данных в вызвавшую фцию и очистка памяти
таким образом выстраивается цепь фций
и потом схлопывается обратно
стек вызовов если большой то хреново


Точно )
Оооохххх Lime Подмигивание
+1
14. tuareg - 02 Декабря, 2012 - 08:36:29 - перейти к сообщению
Тут самый прикол, м.б в том, что при запросах в цикле(не используя рекурсию), результат, более раннего запроса, может придти позже, более позднего. и будет весело Улыбка. А так если по уму, то использовать done() и т.д
15. android - 04 Декабря, 2012 - 19:12:38 - перейти к сообщению
Спасибо вам большое!

 

Powered by ExBB FM 1.0 RC1