прогрессбар хелп ми

[xTODx]

Всем привет, есть функция ajax, как сделать, что бы пока она думает, высвечивало прогресс функции, или элементарно кружочек крутился?)

[рони]

xTODx,
поискать по форуму - 100500 вариантов -- гугля мылионы

[xTODx]

та проблема в том, что усталый мозг не придумает запрос(

[xTODx]

есть вариант просто во время выполнения вставить анимашку, а в конце удалить её.. но.. может что по лучше?

[danik.js]

может что по лучше?

Например две анимашки?

[рони]

xTODx,
Появление картинки-индикатора

[xTODx]

$('#maters').ajaxStart(function(e) {
          $(this).append('<tr><td>Событие ' + e.type+'</td></tr>');
    });

что не так?(

[рони]

xTODx,
об остальном коде самим догадаться ?
может так

$('#maters').ajaxStart(function(e) { 


          $('tbody',this).append('<tr><td>Событие ' + e.type+'</td></tr>'); 


    });

[xTODx]

изобрёл велосипед в общем!)

function addlink(form, page, type){
		$('#page').empty();
		$('table#maters').empty();
		$('table#maters').append(
						 '<tr><td width="75%"><img src="/img/load.gif"/></td></tr>'
					  );
			/*ajax*/
			$.ajax({
	  url: '/adm/js/menue.php',
	  /* метод отправки данных */
            method: 'POST',
            /* данные, которые мы передаем в файл-обработчик */
            data: {"type" : type, "page" : page},
 			dataType: 'json',
	  success: function(jsondata){
		  if(jsondata !== null){
			  $('#page').empty();
		$('table#maters').empty();
				$.each(jsondata, function(i, jsondatas){
					  $('table#maters').append(
						 '<tr><td width="75%">'+jsondatas.name + '<td/><td> <button onClick="addlinks(this)" value="'+jsondatas.id+'">OK</button></td></tr>'
					  );
				  });
 			 }
	  },
	  error: function(xhr, status, error) {
    alert(xhr.responseText + '|\n' + status + '|\n' +error);
}

	});
	/*page*/
	$.ajax({
	  url: '/adm/js/menuepage.php',
	  /* метод отправки данных */
            method: 'POST',
            /* данные, которые мы передаем в файл-обработчик */
            data: {"type" : type, "page" : page},
 			dataType: 'json',
	  success: function(jsondata){
		  if(jsondata !== null){
			   $('#page').empty();
				$('table#maters').empty();
				$.each(jsondata, function(i, jsondatas){
					  $('#page').append(
						 '<a href="#" class="page" onclick('+form+','+page+','+type+')">'+jsondatas + '</a>'
					  );
				  });
 			 }
	  },
	  error: function(xhr, status, error) {
    alert('page_err'+xhr.responseText + '|\n' + status + '|\n' +error);
}

	});
	$( "#dialog-form" ).dialog( "open" );
			return	but=form;
}