arşiv

yazılar buna göre etiketlendi; ‘JavaScript’

jQuery ile JSON Kullanımı

Salı, 05 Eki 2010 yorum yok

JSONMerhaba.

Günümüzde artık pek çok site API desteği veriyor ve çoğu web sitesi API‘den dönen sonucu JSON olarak döndürüyor. Daha önce blogumda JSON’ın PHP ile kullanımından bahsetmiştim, bu yazımda da JSON‘ın JavaScript dilinde jQuery kütüphanesi ile birlikte nasıl kullanılacağından bahsedeceğim.

Yazıyı 2 kısımda ele almaya çalışacağım. İlk kısımda JSON‘ı jQuery yardımıyla nasıl parse edeceğimizden bahsedeceğim. İkinci kısımda ise Ajax ile Google Ajax Search API‘ya bağlanıp dönen veriyi işleyeceğim. Önceki yazımı okuduğunuzu varsayarak direkt olaya giriyorum.

$.parseJSON Metodu ve Kullanımı

{"kisi 1":{"Ad":"Huseyin","Soyad":"KELES","Dogum":1990},
"kisi 2":{"Ad":"Ali","Soyad":"Veli","Dogum":1995}}

Yukarıdaki JSON‘ı jQuery‘nin parseJSON metoduyla işlemek çok basit. parseJSON metodu yalnızca bir parametre alıyor, o da tahmin edebileceğiniz gibi JSON verisinin olduğu parametre. devamını oku…


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF
Categories: JavaScript, Programlama, jQuery

jQuery için Plugin Hazırlama

Cumartesi, 11 Eyl 2010 yorum yok

jQueryMerhaba!

Bu yazımda nasıl jQuery plugini yapıldığından bahsedeceğim ve birlikte basit bir plugin yapacağız. Sağ tarafta gördüğünüz Kategoriler menüsündeki efekt için plugin yazacağız. Uygun bir isim bulamadım, o yüzden ad ve soyadımın baş harfleri olan hk adını verdim plugine :) Neyse, önemli olan ismi değil zaten.

Sayfamıza jQuery dosyasını dahil ettiğimizi varsayarak hemen bir jQuery plugininin genel yapısı nasıldır, onu gösterelim. Aşağıdaki örnekte plugine verilen elementlerin renklerini gri yapıyoruz.

$.fn.plugin_ismi = function(){
    this.css('color', 'gray');
};
$('p').hk();

Gördüğümüz gibi plugin fonksiyonumuz içerisindeyken seçilen elemanlara ulaşmak için this anahtar sözcüğünü kullanıyoruz. Plugini bu şekilde bırakırsak zincirleme metod yapısını kullanamayız, çünkü pluginden geriye herhangi bir şey döndürmüyoruz. İsterseniz pluginimiz bu şekildeyken hemen deneyelim; devamını oku…


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF
Categories: JavaScript, Programlama, jQuery

Harita Bilginize Ne Kadar Güveniyorsunuz?

Pazar, 15 Ağu 2010 2 yorum

Ben şahsen hiç güvenmiyorum. Açıkçası hangi şehir Türkiye’nin hangi tarafında pek bilmiyorum. O yüzden “Haritada Bul” adında basit bir oyun geliştirdim, hem kendim hem de sizler için.

Oyunun mantığı çok basit.  Size Türkiye haritası üzerinde bulmanız için bir şehir ismi veriyor, siz de eğer bulabilirseniz işaretleyip puan kazanıyorsunuz, eğer bulamıyorsanız “Pas” düğmesine tıklayıp şehrin nerede olduğunu görebiliyorsunuz. Yanlış işaretlediğiniz her şehir için ise doğal olarak puan kaybediyorsunuz. En yüksek puanı kim yapacak, çok merak ediyorum doğrusu ;)

Oyunu hazırlarken bol bol jQuery kullandım. maphilight eklentisini yazan David Lynch‘e de ayrıca teşekkürlerimi gönderiyorum.

Haritada Bul oyununa linke tıklayarak ulaşabilirsiniz, iyi eğlenceler.


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF
Categories: Eğlence, Genel

jQuery Nesne Oluşturma Yöntemleri ve Hız Testi

Salı, 22 Eyl 2009 yorum yok

Merhaba.

Öncelikle hepinizin Ramazan Bayramı’nı kutluyorum ve hızlı bir şekilde yazıya başlıyorum. jQuery ile çoğu zaman çalışma anında yeni bir nesne oluşturmak isteriz. Nesneleri oluşturmanın pek çok farklı yolu var. Sonuç hepsinde aynı olsa da performans yönünden hepsi aynı verimi sergileyemiyebiliyor. Ben de kendimce bir hız testi yapmaya karar verdim. Çok hassas bir test olmadığını en başından söyleyeyim. Test sonuçları sistemden sisteme farklılık gösterecektir. Fakat en azından bir fikir edinmemize yardımcı olacağından eminim.

devamını oku…


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF
Categories: JavaScript, Programlama, jQuery

jQuery Live Metodu ve Kullanımı

Cuma, 18 Eyl 2009 3 yorum

Merhaba.

Uzun zamandır jQuery ile ilgili yazı yazmadığımı farkettim ve benim de yeni kullanmaya başladığım bir jQuery metodu olan Live metodunu anlatmaya karar verdim. Daha önce farkettiniz mi bilmiyorum ama eğer jQuery ile fazla haşır neşir birisi iseniz mutlaka farketmişsinizdir.

	$("div").click(function(){
		alert("Merhaba!!")
	})

Gibi bir kod yazdığımızı varsayalım, tüm div elementlerine tıklandığında Merhaba!! demesi lazım. Eğer div elementlerimiz sayfa yüklendiğinde oluşturulmuş durumda ise çalışır. Fakat çalışma zamanında oluşturduğumuz div elementlerinde bu fonksiyon çalışmaz. İşte bu ve bu gibi durumlarda yardımımıza yetişiyor live metodu. Live metodunu kullandığımızda tüm mevcut ve sonradan oluşturulan elementler fonksiyona dahil olur ve çalışır. Hemen fonksiyon ile ilgili birkaç detaydan bahsedelim;

devamını oku…


Paylaş:
  • Facebook
  • FriendFeed
  • Twitter
  • del.icio.us
  • Digg
  • StumbleUpon
  • Technorati
  • LinkedIn
  • MySpace
  • BlinkList
  • Reddit
  • RSS
  • email
  • PDF
Categories: JavaScript, Programlama, jQuery