Показать сообщение отдельно
  #1 (permalink)  
Старый 25.03.2014, 10:48
Интересующийся
Отправить личное сообщение для sega_z Посмотреть профиль Найти все сообщения от sega_z
 
Регистрация: 29.09.2010
Сообщений: 15

Вывод "крутилки" при загрузке данных на сервер
Здравствуйте всем!

Есть скрипт (работающий на основе библиотеки jquery) который позволяет выводить "крутилку" после нажатия кнопки формы, пока происходит обработка и загрузка информации на сервер.

Все работает отлично выводится GIF анимация "крутилки", но никак не могу сделать отображение текста "Обработка информации, ждите..." под GIF картинкой

Вот сам код:
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var background = $('<div><\/div>').css({'backgroundColor' : '#000', 'width' : '100%', 'height' : '100%', 'position' : 'fixed', 'z-index' : '1', 'top' : '0', 'left' : '0', 'opacity' : '0.2'});
var image = $('<img>').attr({'src': '../podaty_obyavlenie/image/zagruzka.gif', 'alt': 'Обработка информации, ждите...'}).css({'font-family': 'Verdana, Arial, Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '16px', 'color': '#000099'}); 
var loading = $('<div><\/div>').css({'z-index' : '100', 'position' : 'fixed', 'top' : '40%', 'left' : '50%', 'margin' : '-64px 0 0 -64px'})
.html(image);

$('#submit').click(function(){
$('body').prepend(loading);
$('body').prepend(background);
});
});
//]]>
</script>
Ответить с цитированием