arşiv

‘JavaScript’ kategorisi için arşiv

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

Ajax Türkçe Karakter Sorunu

Çarşamba, 23 Eyl 2009 5 yorum

Çevremde sürekli Ajax kullanımı sonucunda Türkçe karakter sorunu yaşayan insanlar görüyorum. Standartlardan uzak çalışmanın sonucunda bu ve benzeri problemler yaşamanız çok normal. Bu yazıda Ajax kullanırken Türkçe karakter sorunu yaşamamak için nelere dikkat edilmeli, bunlardan bahsedeceğim. Aslında bahsedeceklerimi sadece ajax kullanacağınız zaman değil, her zaman uygulamanızı tavsiye ederim.

  • Öncelikle tüm dosyalarınızı UTF-8 formatında kaydedin. Yaşanan Türkçe karakter sorunlarının büyük bir nedeni bu. Dikkat edilmesi gereken şey tüm dosyaların utf-8 olması gerektiği. index.html den ajax.php dosyasına ajax isteği gönderdiğimizi varsayalım. Bu 2 dosyadan biri utf-8 diğeri ANSI veya başka format ise gene Türkçe karakter sorunu yaşayabilirsiniz. Dosyalarınızı nasıl formatında kaydedeceğinizi öğrenmek için kullandığınız metin düzenleyicinin kullanım kılavuzuna göz atın. Eğer GNU/Linux kullanıcısıysanız iconv –from-code WINDOWS-1254 –to-code UTF-8 -c kaynak_dosya.php > hedef_dosya.php komutunu kullanabilirsiniz. WINDOWS-1254 yerine mevcut dosyanızın karakter kodlamasını girmeniz gerekiyor.
  • Ajax isteğinin yapıldığı sayfada <head> bloğunda utf-8 karakter kodlaması kullandığınızı belirtin. Bunun için <head> bloğuna şu kodu eklemeniz gerekir;
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

devamını oku…


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

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