Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Przeładowanie div + animacja
Fifi209
post 27.04.2009, 11:08:00
Post #1





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Chcę zrobić za pomocą jQuery przeładowanie danego div'a z animacją.

Gdy mam kod:

Kod
$(document).ready(
    function() {
        step(1);
    }
);

function step(id) {
    $("#ajax").hide();
    $("#ajax").load("step.php?step=" + id);
    $("#ajax").show();
}


Wszystko działa dobrze, póki nie zastąpię hide() i show() funkcją toggle()

Ma ktoś pomysł? smile.gif
To co zwraca php, to kolejny krok przy rejestracji.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lord_t
post 29.04.2009, 22:05:55
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


Toggle bez argumentów? Jeśli tak to przypuszczam, że zamiast wykonania
ukryj, wczytaj, pokaz (*)

masz:
ukryj,pokaz, wczytaj (**)

Wydaje mi się, że przy hide i show Ci to działało w opcji (*) ponieważ one wykonywały się jakiś czas: dlatego nim skonczyło się hide to treść zdążyła się załadować.

Rozwiazania:
1) Stworzyć, żądanie synchroniczne.
2) (sugerowane) pokazywanie zrobić w callback ajaxa.


--------------------
Go to the top of the page
+Quote Post
Fifi209
post 30.04.2009, 18:52:35
Post #3





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

Ostrzeżenie: (0%)
-----


Cytat(lord_t @ 29.04.2009, 23:05:55 ) *
Toggle bez argumentów? Jeśli tak to przypuszczam, że zamiast wykonania
ukryj, wczytaj, pokaz (*)

masz:
ukryj,pokaz, wczytaj (**)

Wydaje mi się, że przy hide i show Ci to działało w opcji (*) ponieważ one wykonywały się jakiś czas: dlatego nim skonczyło się hide to treść zdążyła się załadować.

Rozwiazania:
1) Stworzyć, żądanie synchroniczne.
2) (sugerowane) pokazywanie zrobić w callback ajaxa.


Kod z toggle wyglądał tak:

Kod
$(document).ready(
    function() {
        step(1);
    }
);

function step(id) {
    $("#ajax").toggle('slow');
    $("#ajax").load("step.php?step=" + id);
    $("#ajax").toggle('slow');
}


2. Sugerowany callback ajax'a, czy mógłbyś rozwinąć myśl bo na wiki piszą tylko co to jest. A mi bardziej chodzi o używanie.
(Wybaczcie uczę się obsługi jQuery dopiero) haha.gif


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 19:36