Hüseyin MERT

Hepimiz ajax kullandık, kullanmaktayız. Her seferinde “Yükleniyor” yazdırmak için bir şeyler yazmak zorunda kalmayalım diye jquery için bir eklenticik yazayım dedim. Çok basit ve işe yarar oldu. Güle güle kullanın.

$.fn.yukleniyor = function() {
  return this.each(function() {
    $(this).html('<div class="yukleniyor"><img src="/img/loading.gif" alt="yükleniyor" /></div>');
  });
};
// Kullanımı
$("#ajaxYapilanElement").yukleniyor();
// Hatta atraksiyon da yapılabilir
$("#ajaxYapilanElement").toggle().yukleniyor();

Yüreğime sağlık.

Bir web uygulması yaptınız ama jquery yüklenmediğini anlayamadığınzdan hata alıyorsunuz o zaman, aşağıdaki kodları kullanırsanız iyi bir hata yakalama sağlarsınız.

Yöntem 1:

if (jQuery) {  
    // jQuery yüklü 
} else {
    // jQuery yüklü değil
}

Yöntem 2:

if (typeof jQuery == 'undefined') {  
    // jQuery yüklendi
} else {
    // jQuery yüklenmedi
}

Eklenti yüklenmiş mi?

if(jQuery().eklentiMetodu) {
    //jQuery eklentisi var
} else {
    //jQuery eklentisi yüklü değil
}

Kaynaklar:
1. Kod
2. Kod
Fazla bilgi, jquery’i nasıl kullanıcıyı üzdürmeden yükletirim demek için.

Bu bir eklenticikdir, sürekli animate kullanacağıma bir kez yapayım olsun bitsin diyerek çıkan kod parçacığıdır. Böylece animate’in callback özelliğini kullanarak da açılıktan sonra şunu yap diyebilirsiniz, hatta animate‘in kendi çağrılırkenki yapı sıralaması da aynıdır.
animate( params, [duration], [easing], [callback] )
Eklenticiğin kodları:

jQuery.fn.sihirliAc = function(speed, easing, callback) {
    return this.animate({opacity: 'toggle'}, speed, easing, callback);
};

Kullanımı:

$("a#ackapa").click(function () {
    $("#oynayanSey").sihirliAc();
    return false;
});

Şimdilik bu kadarcık yazdım fakat bunu kullanarak yaptığım uygulamam ile daha detaylı bilgi vereceğim.

Kadir Günay‘ın sitesinde jquery ile alakalı örnekler bulunmakta, bunları inceleyerek bu kütüphane hakkında bilgi edinebilir güzel şeyler yapabilirsiniz. Kadir’den ricam sitesini güncel tutması daha çok örnek çıkarmasıdır.

Sık Sorulan Sorular gibi bir bölüm yapıyorsanız bir sitenize bu tür birşey ihtiyaç duyarsınız. Üzerine tıklandığında açılması tekrar tıklandığında kapanmasını istersiniz. Jquery ile yaptım bunu aşağıda kodları ve açıklamaları var.

	$(document).ready(function (){
		// tüm dtleri seçtik
		$("dt").each(function (i){
			// alttaki cevapları bir değişkene atadık
			// burda dikkat edilmesi gereken şey sıralamanın <dt></dt><dl></dl> şeklinde olması
			var cevap = $("dd").eq(i);
			// toggle foksiyonu ile açılır kapanır yapıyoruz
			$(this).toggle(
				function (){
					// üzerine tıklandığında aşağıya açılmasını sağlıyoruz
					cevap.slideDown('fast');
				},
				function (){
					// eğer display:block ise bunu slideUp ile geri kapatıyoruz
					cevap.slideUp('fast');
				}
			);
		});
	});