ilk ajax deneme yardım lütfen?

merhaba;

hazırladığım bir sistemde bazı bölümlerde ajax kullanmaya kadar verdim ve ufak ufak ajax a giriş yaptım şimdi sizlerden istediğim yardım şöyle.

$(function(){

	$("button").click(function(){
		
		var Degerler = $("#form").serialize();
		$.ajax({
			type: "post",
			url: "veriler.php",
			data: Degerler,
			
			success: function(cevap){
				$("#hatamesaji").html(cevap);
				
			}
		});
	});
});

yukarda verdiğim basit ajax işleminde arka planda veriler.php dosyasını işliyorum fakat efekt olsun diye ben veriler.php deki işlemleri

sleep(); ile 5/6 saniye geçiktiricem ki bu arada index.php sayfasında da işlem sonucu çıkan uyarı yerinde (örneğin işlem başarılı diyor ya) bunu demeden önce bir yükleniyor yazıcak veya yükleniyor gif olucak bu yazı veya gif için nerde nasıl bir işlem lazım..


zamanım olmadığı için araştırma yapamadım.

$(function(){

	$("button").click(function(){
		$("#hatamesaji").html("<img src=yukleniyor.gif class=yukleniyor />");
		var Degerler = $("#form").serialize();
		$.ajax({
			type: "post",
			url: "veriler.php",
			data: Degerler,
			
			success: function(cevap){
                                $(".yukleniyor ").hide();
				$("#hatamesaji").html(cevap);
				
			}
		});
	});
});

merhaba;

cevap için teşekkür ederim

merhaba;

aşağıda verdiğim kodları uzun uğraşlar sonucunda buldum bir araya getirdim ama tarayıcıdan izin istiyor ben tarayıcıdan izin istemeden işlemi yapmasını istiyorum çünki bazı insanlar tarayıcı izin istediğinde korkuyor ve siteyi terk edebiliyorlar.

// Geolocation desteği varmı?
if (navigator.geolocation) {
    // maps için kordinatları belirleme
    navigator.geolocation.getCurrentPosition(displayPosition, errorFunction);
} else {
    alert('Geolocation desteklemiyorsunuz destekleyen bir tarayıcıya geçin');
}
 
// kodlar tarayıcımızda çalışıyor ise burada kordinatları tespit et
function displayPosition(pos) {
    var mylat = pos.coords.latitude;
    var mylong = pos.coords.longitude;
    var thediv = document.getElementById('locationinfo');
    thediv.innerHTML = ' Boylam <form action="kayit.php" method="post"><input type="text" name="boylam" value="' + mylong + '"> ve enlem <input type="text" name="enlem" value="' + mylat + '"><input type="submit" value="Kaydet"></form>';

navigator.geolocation.getCurrentPosition(displayPosition, errorFunction);

 
// kodlar tarayıcımızda çalışıyor ise burada kordinatları tespit et
function displayPosition(pos) {
    var mylat = pos.coords.latitude;
    var mylong = pos.coords.longitude;
    var thediv = document.getElementById('locationinfo');
    thediv.innerHTML = ' Boylam <form action="kayit.php" method="post"><input type="text" name="boylam" value="' + mylong + '"> ve enlem <input type="text" name="enlem" value="' + mylat + '"><input type="submit" value="Kaydet"></form>';

Dediğinizi tam olarak anlamadım ama büyük ihtimalle şartı kaldırmak istemişsiniz yukardaki gibi deneyiniz.