Kategori arşivi: jQuery

jQuery Load Kullanımı

Merhabalar, bugün jQuery Load nedir, neden kullanıyoruz gibi soruların cevabını arayacağız.

jQuery Load bizim aslında çok işimize yarayan bir method, neden derseniz performansı %50 oranında artırıyor. Sayfa yükleme sürelerini azaltıyor ve dosya büyüklüklerini minimize ediyor.

.load olarak kullanabiliyoruz. Video’dan nasıl kullanıldığını öğrenebilirsiniz, kolay gelsin 🙂

jQuery Bekleterek Yönlendirme İşlemi

Merhabalar,

Uzun zamandır makale ekleyemiyordum. Soruver projem ve freelance işlerimden dolayı biraz aksattım farkındayım. Şimdi genelde karşılaşılan bir problemdir örneğin ajax ile kullanıcı giriş işlemi yaptınız fakat giriş başarılı mesajını verdikten sonra yönlendirme yapmak bazen can sıkabiliyor. Bunun için bir çok çözüm üretebiliriz sleep atıp meta tagları ile attr kullanarak yapabiliriz fakat bu pek düzenli görünmüyor bana göre.

Bu yüzden ben de şu şekilde bir çözüm ürettim;

 

$("#postForm").submit(function(){
	
	var deger = $(this).val(); /* Formdan Gelen verileri aldık */

	$.ajax({
		type: "POST",
		url: "ajax/deneme.ajax.php",
		data: deger,
		success: function(cevap){
			if(cevap == "bos"){
				alert("Zihnini okumamız şuanlık imkansız!");
			}else if(cevap == "hata"){
				alert("Şuan sistemde bir sorun var bunu not aldık en kısa zamanda halledeceğiz");
			}else{
				/* Eğer hiç bir sorun yoksa */
				alert("İşlem başarıyla yapıldı!");
				/* Yönlendirme işlemi burada yapılacak */
				setTimeout(function(){ window.location.href = "http://www.e-yurtseven.net" }, 2000);
			}
		}
	});

});

2000 milisaniye yani 2 saniye sonra yönlendirecek bu sayıyı ve yönleneceği adresi istediğiniz gibi değiştirebilirsiniz.

Yararlı olması dileğiyle 🙂

jQuery ile Şifre Göster/Gizle Uygulaması

Merhaba,

Bir çok sistemde artık bu bahsettiğim özellik mevcut. Yani şifrenizi girerken bir yerde hata yaptığınızı hissediyorsunuz daha sonra şifreyi göstere basıyorsunuz ve şifre gözüküyor sonra doğru olup olmadığını kontrol ediyorsunuz ve tekrar şifre gizleniyor.

Bunu jQuery‘de bulunan click ve attr methodlarıyla yaptık.

Önizlemesi ise şu şekilde;

Okumaya devam et