Показать сообщение отдельно
  #8 (permalink)  
Старый 24.01.2012, 20:19
Аспирант
Отправить личное сообщение для wfire Посмотреть профиль Найти все сообщения от wfire
 
Регистрация: 15.05.2011
Сообщений: 36

Сообщение от zebra Посмотреть сообщение
Перед вызовом ajaxa показываете рисунок или надпись, а в success скрывайте
Сделал так:
$('#button_sel').click(function(){
	var year = $('#sel_year').val();
	var month = $('#sel_month').val();
	[B]$('#proc').addClass('load1');[/B]
		$.ajax({  
           	type: "POST",  
           	url: "posts_request.php",  
           	data: "_year="+year+"&_month="+month+"&_edit="+edit,  
           	success: function(data) {
        		$(".scrolling_s").html(data);
				$('#list tr:odd').addClass('odd');
      			$('#list tr:even').addClass('even');
				[B]$('#proc').removeClass('load1');[/B]
           	}
		});  
	return false;
	});


Класс load1: .load1 {background:url(/images/ajax-loader1.gif) left no-repeat;}
ajax-loader1.gif - анимированная гифка.
Но проблема в том, что гифка появляется, но анимация не работает, пока не закончится работа posts_request.php
То есть в итоге показалась статичная гифка, скрылась - и все.
Как бы это победить?
Ответить с цитированием