gif анимация при загрузке контента

Статус
В этой теме нельзя размещать новые ответы.

yeaahhh

Старатель
Регистрация
8 Май 2008
Сообщения
278
Реакции
11
Друзья. Подскажите, пожалуйста, в чём моя ошибка?
Хочу, чтобы выводилась анимация в промежутке между передачей данных..
вот кусок код..
PHP:
                $.ajax({  
                    type: "POST",  
                    url: "save_user.php",  
                    data: "login="+$("#login").val(),  
                    success: function(html){  
$("#content").empty().html('<img src="loading.gif" />');
$('#ttip').addClass("tip");
                        $("#content").html(html); 
                     }  
                });
Пробовал ставить sleep(), но картинка всёравно не появляется..
Заранее большое спасибо!
 
картинку нужно начинать показывать перед вызовом $.ajax..
а скрывать как раз в success:


и лучше картинку не добавлять как у вас,
а заранее вставить в страничку и скрыть через dispay:none
и когда нужно просто ее покащывать меня none на block
 
PHP:
#loadinfo {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 10px;
background: url('load.gif') no-repeat;
}

<div id="loadinfo" style="display:none;"></div> 
   
$('#loadinfo').ajaxStart(function(){ 
      $(this).show();
   }); 
$('#loadinfo').ajaxStop(function(){ 
       $(this).hide();
    });
 
Друзья. Подскажите, пожалуйста, в чём моя ошибка?
Хочу, чтобы выводилась анимация в промежутке между передачей данных..
вот кусок код..
PHP:
                $.ajax({  
                    type: "POST",  
                    url: "save_user.php",  
                    data: "login="+$("#login").val(),  
                    success: function(html){  
$("#content").empty().html('<img src="loading.gif" />');
$('#ttip').addClass("tip");
                        $("#content").html(html); 
                     }  
                });
Пробовал ставить sleep(), но картинка всёравно не появляется..
Заранее большое спасибо!

И не будет показываться надо как-то так:
PHP:
$('.click').click(function(){
    $("#content_loading").show();
    $.ajax({
         type: "POST",
          url: "save_user.php",
          data: "login="+$("#login").val(),
          success: function(html){
               $("#content_loading").hide();
               $('#ttip').addClass("tip");
               $("#content").html(html);
          }
          });
});
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху