Sayfa Yükleniyor Gifi

Sayfa submit edildikten sonra loading gifi görünmeye başlayacak sonuçlar görüntülenince loading gifi kaybolacak. Biraz araştırma yaptım hep saniye vererek yapmışlar ama ben öyle istemiyorum posttan dönünce kaybolsun istiyorum nasıl yapabilirim?

Gif koyduğun için saniye ile yapmak zorundasın yada .gif deki adımları senin php ile yapman gerekiyor. Bu işlemi en sağlıklı ajax ile yapabilirsin.
Örnek Kod Yapısı;

<div id="loading">
  <p><img src="loading.gif" /> Please Wait</p>
</div>

$(document).ajaxStart(function(){
    $('#loading').show();
 }).ajaxStop(function(){
    $('#loading').hide();
 });

Kolay gelsin.

Cevabınız için teşekkür ederim. Sayfa post back olduğunda $('#loading').hide(); deme şansımız yok mu?

Zaten ajax işleminde post edildiğinde sonuçları döndürene kadar bu işlemi yapıyor tam olarak nasıl bir işlem yapmak istiyorsun bilmiyorum ama 2 buton ve bu butonlara işlem sağlamak istiyorsan aşağıdaki kod sana mantık olarak yardımcı olacaktır.

<button type="button" id="button">Button 1</button>
<button type="button" id="button">Button 2</button>

<script>
    $('#button1').click(function () {
        $('#loading').show();
    });

    $('#button2').click(function () {
        $('#loading').hide();
    });

</script>

Postback dediğinize göre bu daha çok Asp.NET ortamında kullanılan bir tabir olduğundan, form post olduktan sonra kapansın gibi mantık kurmaya çalışıyorsanız, arkadaşın verdiği ajax kodunu anlamadığınızı varsayıyorum.

Eğer sayfa yenilendikten sonra kaybolsun diyorsanız ve Asp.Net ise bu, gife runat="server" ve bir id="loading-gif" ekleyin.

C# tarafında IsPostbackden sonra this.loading-gif.Visible = false; şeklinde kapatabilirsiniz.

Ama doğru ve en çok kullanılan yöntem @volkang arkadaşımızın paylaştığıdır.