2009-06-02 3 views
2

У меня есть ajax jquery петиция ... есть стандартный способ отображения хорошей анимации, пока она завершается.JQuery Ajax анимация?

У кого-нибудь есть информация?

Его только что ходатайство занимает около 15 секунд, когда возникает ошибка в сервере ... поэтому я хотел бы показать анимацию в случае такой ситуации ...

Я не обязательно говорить о jQuery, но может быть какой-то анимированный gif ... или что-то

Любые идеи?

ответ

6

вы хотите это: http://www.ajaxload.info/

использовать, чтобы произвести загрузку изображений, которые соответствуют стилю вашей страницы.

Edit: устанавливаемый сотовый/html будет, как (примечание: не тестировались):

.container { 
    position: relative; 
    height: 20ex; 
    width: 20em; 
} 

.hideCover { 
    display:none; 
} 
.loadCover { 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    background-color:white; 
    height:100%; 
    width:100%; 
    opacity:0.5; 
    filter:alpha(opacity=50); 
    text-align:center; 
} 

.loadCover > img { 
    position:relative; 
    top: 10ex; 
} 

<div class='container'> 
    <div id='receiver'> 
     ...your area to load into .... 
    </div> 
    <div class='hideCover'> 
     <img src='...path to loading image...' /> 
    </div> 
</div> 
+0

большое! спасибо ... Можете ли вы кого-нибудь порекомендовать DIV .... Я полагаю, что я размещаю div над моей контактной формой, я делаю это БЕЛО? есть ли способ непрозрачности? –

2
  • Перед тем, как сделать пост, показать кок (вы можете сделать их в www.ajaxload.info)
  • Отправляйте сообщение на сервер, и пока пользователь ждет, прядильщик вращается.
  • Когда сообщение завершено, скройте счетчик.

EDIT: Я нашел another question about this subject on StackOverflow.

Смежные вопросы