[jQuery, Ajax] loading gif

Dział poświęcony JavaScriptowi - tworzeniu dynamicznym stron WWW.

[jQuery, Ajax] loading gif

Postprzez mar3 » czwartek, 10 marca 2011, 21:48

Tworze bibliotekę w jQuery z wykorzystaniem ajaxa. Chciałbym wczytywać .gif podczas pobierania danych z serwera. Tak jak w 4 lekcji kursu Ajax.
Korzystam z funkcji $.post():
Kod: Zaznacz cały
$.post("skrypt.php", {"t": "1"},
   function(podp)
   {
      //...
   }
);
mar3
Bywalec
Bywalec
 
Posty: 40
Dołączył(a): poniedziałek, 15 czerwca 2009, 16:15

Re: [jQuery, Ajax]loading gif

Postprzez Morfidon » piątek, 11 marca 2011, 15:19

Aby uzyskać ten efekt w jQuery skorzystaj z funkcji $.ajax(), (możliwe, że z post() też działa, aczkolwiek tego nie próbowałem), a następnie:
Kod: Zaznacz cały
   $('#loading').ajaxStart(function() {
      
      $(this).css('top', ($(window).scrollTop()+100));
       $(this).show();
   }).ajaxComplete(function() {
       $(this).hide();
   });


gdzie #loading to identyfikator do div'a z gifem.
Morfidon
Administrator
Administrator
 
Posty: 593
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48

Re: [jQuery, Ajax] loading gif

Postprzez mar3 » piątek, 11 marca 2011, 17:41

Wielkie dzięki za pomoc.
mar3
Bywalec
Bywalec
 
Posty: 40
Dołączył(a): poniedziałek, 15 czerwca 2009, 16:15


Powrót do JavaScript

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

cron