loading bar po czasie Opcje

[Papub]

Witam serdecznie. Mam taką małą wizję ale nie wiem jak ją wykonać Po naciśnięciu na przycisk przesyłam zmienną metodą POST poprzez bibliotekę Jquery. Chcę zrobić tak żeby po upływie 3 sekund i nie otrzymaniu jeszcze odpowiedzi pojawił się taki animowany gif ładowania. Mam funkcje

function loader() {
$("#img_back").css({ opacity: 0.5 });
$("#img_back").delay(3000).fadeIn(1);
$("#load").delay(3000).fadeIn(1);
}

function unloader() {
$("#img_back").hide(1);
$("#load").fadeOut(1);
}

#load to animowany gif, #img_back takie wielki tło.

Wszystko się rozchodzi o to jeżeli w trakcie działania tego delaya przyjdzie odpowiedź z posta to ma nie wykonywać funkcji loader a jeżeli jest już wykonywana bo np. upłynęło 5 sekund to ma wykonać funkcję unloader. Można prosić o jakieś propozycje rozwiązania tego problemu ?

[Deamos]

jQuerowy $.ajax ma coś takiego jak timeout, który po tym wywołuje hangle error. Jak robisz getPost

Zamiast $.post użyj $.ajax w którym możesz zastosować hangle beforeSend i success.
Jakoś tak, nie wiem czy dobrze Ciebie zrozumiałem

Kod

$.ajax({
    beforeSend: function(){
        setTimeout('loader()', 3000);
    },
    success: function(dane){
        unloader();
    }
});

[Papub]

Przetestuje wieczorkiem ale patrząc na to myślę, że to bardzo dobre rozwiązanie i będzie ok. Lepiej przenieść się na to ajaxowe rozwiązanie a nie czyste $post. Dzięki bardzo za pomoc. Pozdrawiam

Prawie git ale nie wywołuje funkcji loader(). Cały skrypt działa poprawnie, robi co ma robić. Jego założeniem jest poruszanie się po strukturze katalogów. Po naciśnięciu 2 razy na katalog do pliku show_folders.php wysyłana jest wiadomość w jakim jesteśmy aktualnie katalogu i takie tam. Tylko chciałbym zrobić tak, że jak ktoś ma wolniejszy internet i odpowiedź skryptu wyświetlającego stukturę plików jeszcze nie przyjdzie to ma pokazać taki loading bar.

[XML] pobierz, plaintext 
var ile_razy_nacisnieto = 0;
$("#back_line").hide();
$(".folders li").live('dblclick', function () {
var co_rozdzielic = $(this).children('div').text();
var rozdziel = co_rozdzielic.split(".");
if(rozdziel[1]) {
return false;
} else {
if(ile_razy_nacisnieto == 0) {
file_name +="/"+$(this).children('div').text();
 
var dataString = 'file_nam='+file_name+'&path=' + who;
$.ajax({
	type: "POST",
    data: dataString,
    url: "show_folders.php",
    beforeSend: function(){
    setTimeout("loader()", 2000);
    },
    success: function(data){
	unloader();
   $("#back_line").show();
   $("#content_left_folders_in").html(data);
   ile_razy_nacisnieto = 0;
   ile_zaznaczonych = 0;
    }
});
  $("#up_link").html('<a href="java script:jQuery(\'#uploadify\').uploadifySettings(\'folder\',\''+who+file_name+'\');$(\'#uploadify\').uploadifyUpload();"><img src="graph/add_ico.jpg" title="Zapisz" id="save_file_disc"/></a>');   
   ile_razy_nacisnieto++;
   }
   }
});
[XML] pobierz, plaintext