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

Тема в разделе "Другие языки", создана пользователем yeaahhh, 12 дек 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. yeaahhh

    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(), но картинка всёравно не появляется..
    Заранее большое спасибо!
     
  2. wal

    wal Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    89
    Симпатии:
    30
    картинку нужно начинать показывать перед вызовом $.ajax..
    а скрывать как раз в success:


    и лучше картинку не добавлять как у вас,
    а заранее вставить в страничку и скрыть через dispay:none
    и когда нужно просто ее покащывать меня none на block
     
  3. Mr.Emm

    Mr.Emm Постоялец

    Регистр.:
    5 май 2008
    Сообщения:
    147
    Симпатии:
    110
    PHP:
    #loadinfo {
    width24px;
    height24px;
    positionabsolute;
    top10px;
    left10px;
    backgroundurl('load.gif'no-repeat;
    }

    <
    div id="loadinfo" style="display:none;"></div
       
    $(
    '#loadinfo').ajaxStart(function(){ 
          $(
    this).show();
       }); 
    $(
    '#loadinfo').ajaxStop(function(){ 
           $(
    this).hide();
        });
     
    yeaahhh нравится это.
  4. alica

    alica

    Регистр.:
    28 июл 2008
    Сообщения:
    243
    Симпатии:
    76
    И не будет показываться надо как-то так:
    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);
              }
              });
    });

     
    yeaahhh нравится это.
Статус темы:
Закрыта.