Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [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
lord_t
post 29.04.2009, 09:33:00
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 29.04.2009, 17:11:00
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...


--------------------
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
lord_t
post 29.04.2009, 22:05:55
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 30.04.2009, 18:52:35
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) 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
lord_t
post 30.04.2009, 20:06:23
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ąsmile.gif


--------------------
Go to the top of the page
+Quote Post
Fifi209
post 1.05.2009, 09:54:27
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ą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.


--------------------
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

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: 29.06.2025 - 14:25