Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]Animowane przeładowanie DIVa
Forum PHP.pl > Forum > Przedszkole
northwest
Witam serdecznie,
mam na stronie DIVa którego chce przeładowywać co parę sekund.... Mam taki kod:
  1. var auto_refresh = setInterval(
  2. function()
  3. { //fadeOut('slow').
  4. jQuery('#zmienna').load('promocje.php?rand='+ Math.random()).fadeIn(duration);
  5. }, 5000);


skrypt działa pięknie, ale nie ma animowanego przeładowania, a przeskok... sad.gif
Jak to zmienić?


Z góry dziękuje za pomoc,
Northwest
cadavre
Funkcja .load() automatycznie wczytuje pobraną AJAXem wartość do wskazanego elementu. Proponuję użyć:

Kod
$.ajax({
    url: 'promocje.php', {
        rand: Math.random()
    })
}).done(function (data) {
    // fadeout
    jQuery('#zmienna').html(data);
    // fadein
}


Dzięki temu generalnie możesz w dowolny sposób manipulować odebranymi danymi.
northwest
tylko to da taki efekt delikatnego wczytania (schowania starego diva i wyswieltlenia nowego)?smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.