Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Przeładowanie div + animacja
Fifi209
post
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ł? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
To co zwraca php, to kolejny krok przy rejestracji.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
lord_t
post
Post #2





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

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


A po co chcesz zastępować?
Go to the top of the page
+Quote Post
Fifi209
post
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, 10:33:00 ) *
A po co chcesz zastępować?


Przecież napisałem, że chciałbym mieć animację przy zmianie danych...
Go to the top of the page
+Quote Post
lord_t
post
Post #4





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
Post #5





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) (IMG:http://forum.php.pl/style_emoticons/default/haha.gif)
Go to the top of the page
+Quote Post
lord_t
post
Post #6





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

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


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


Łap tego callbacka ^. A co do Twojego kodu z tooglami to jeśli nie działają z innego powodu niż opisana przeze mnie metoda to nie wiem czemu nie działają(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Fifi209
post
Post #7





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

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


Cytat(lord_t @ 30.04.2009, 21:06:23 ) *
Łap tego callbacka ^. A co do Twojego kodu z tooglami to jeśli nie działają z innego powodu niż opisana przeze mnie metoda to nie wiem czemu nie działają(IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


Wrzuciłem callback'a lecz pojawia się problem: pojawia się i znika (treść) i tyle co ją widziano. ;d

Mniejsza o to, trudno się mówi. Nie od razu rzym zbudowano.

Proszę o zamknięcie tematu.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 19:11