Создать форум бесплатно: ixbb.ru :: Календарь на Апрель 2024 года: calendar2008.ru/2024/aprel/

  Reply to this topicStart new topicStart Poll

jquery ajax

dudeonthehorse
Отправлено: Oct 29 2010, 03:23 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



есть скрипт
CODE

$(document).ready(function(){
$('#en').click(function(){
 $('div.lang').fadeOut('slow');
               $.ajax({  
                   url: "/inc/welcome.inc",  
                   cache: false,  
                   success: function(html){  
                       $('body').html(html);  
                   }  
               });  
           });
});

который при нажатии на кнопку с id="en" плавно прячет div в котором лежит эта кнопка, а затем подгружает в body файл /inc/welcome.inc, но так как подгружаемый файл толстый, после исчезновения дива с кнопкой мы видим пустой экран, а затем подгружается файл.
Так вот - нужно поставить "картинку-загрузчик" абсолютом посреди экрана на период после исчезновения дива с кнопкой до появления контента из файла. И желательно чтобы контент появлялся не резко, как при обычной подгрузке, а плавно через функцию fadeIn().

Суть мне ясна, а вот изобразить в коде руки как то не доходят.
PMEmail PosterICQ
Top
Ilidan
Отправлено: Nov 2 2010, 08:57 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 940
Пользователь №: 508
Регистрация:
30-March 07



Когда я подгружаю свой файл в твой скрипт, у меня резко изчезает див и сразу отображается текст. Насколько большой у тебя welcome.inc?


--------------------
;-)
PMEmail PosterICQAOL
Top
Ilidan
Отправлено: Nov 2 2010, 11:02 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 940
Пользователь №: 508
Регистрация:
30-March 07



CODE

<script type="text/javascript">
$(document).ready(function(){
$('#en').click(function(){
$('#lang').fadeOut('slow');
$.ajax({
url: "inc.inc",
beforeSend:function(){
$('body').html("Loading");
},
success: function(msg){
$('body').html(msg);
  }
});
          });
});
</script>

Вот, добавил BeforeSent. Вместо loading прописываешь див со свойствами какими надо. А вот, что бы содержимое плавно появлялось...Это я пока не допёр))


--------------------
;-)
PMEmail PosterICQAOL
Top

Topic Options Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0414 ]   [ 10 queries used ]   [ GZIP выключен ]