“Bazı şeylerin gitmesine izin vermek işte bu nedenle çok önemlidir. Onları serbest bırakmak. Gevşek olanı kesmek. İnsanların hiç kimsenin işaretli kağıtlarla oynamadığını anlaması gerekiyor; bazen kazanırız ve bazen kaybederiz. Hiçbir şeyi ger almayı bekleme, yaptıkların için takdir edilmeyi bekleme, ne kadar zeki olduğunun keşfedilmesini bekleme ya da aşkının anlaşılmasını. Daireyi tamamla. Gururlu, yetersiz ya da kibirli olduğun için değil, sadece artık onun senin yaşamında yeri olmadığı için. Kapıyı kapat, plağı değiştir, evi temizle, tozdan kurtul. Geçmişte olduğun kişi olmayı bırak ve şu an kimsen o ol.”
by Paulo Coelho - Zahir S. 204

JQuery ile Tarayıcı Motorunu Öğrenelim

Tarih: Şubat 3rd, 2010 | Yazar: | Kategoriler: Javascript, jQuery | Etiketler: , | Yorum Yok »

Maalesef tüm tarayıcı motorları kodları aynı şekilde yorumlamıyor. Css ile uğraşmış olanlar ne demek istediğimi çok iyi anlamıştır :). Bu sorunları halletmek için bazı metotlar mevcut bunlardan biri ise JQuery kullanarak tarayıcı motorunu tespit edip ona göre hareket etmek. JQuery’nin tespit edebildiği 5 adet tarayıcı motoru var. Bunlar;

  • Mozilla
  • Msie
  • Opera
  • Safari
  • Webkit (JQuery 1.4 sürümünde dahil edildi)

Peki nasıl yapıyoruz?

$(document).ready(function(){
var motorAdi;
if($.browser.webkit) {
motorAdi = 'Webkit';
}
else if($.browser.safari) {
motorAdi = 'Safari';
}
else if($.browser.opera) {
motorAdi = 'Opera';
}
else if($.browser.msie) {
motorAdi = 'Msie meşhur internet explorer en çok baş ağrıtan budur:)';
}
else if($.browser.mozilla) {
motorAdi = 'Mozilla';
}
alert('Bu tarayıcı ' + motorAdi + ' moturu kullanıyor!');
});

Tarayıcıda kullanılan motor hangisi ise o motor ismine true değeri yükleniyor bu sayede if yapısında o tarayıcı motorunun hangisi olduğunu kolaylıkla bulabiliyoruz.

Demo


Highcharts İle Verilerimizi Görselleştirelim

Tarih: Ocak 16th, 2010 | Yazar: | Kategoriler: Javascript | Etiketler: , | 1 Yorum »

Eğer sitenizdeki istatistiklerinizi tablo (chart) ile göstermek isterseniz veya herhangi başka bir sebep ile verilerinizi görselleştirmek istiyorsanız ve flash ile değilde javascript ile bunu yapmak istiyorsanız “Highcharts” bunu yapan en iyi uygulamalardan biri.

Pasta, sutün, çubuk, çizelge(areachart) ve çeşitli kombinasyonlar ile oluşturabilceğiniz tabloları Highcharts ile yapabilirsiniz.

Verilerimizi JavaScript Object Notation yapısını kullanarak giriyoruz yani anahtarlar, virgül ve parantez kullanarak.

Highcharts JQuery altyapısını kullanarak çalışıyor zaten sayfanızda JQuery kullanıyorsanız size avantaj sağlayacaktır. Test ettiğim taraycılar ise Internet explorer 6, 7, 8, Opera 10, Firefox 3.5.7, Safari 4.0.4 test ettiğim kadarı ile bunların hiç birinde sorun yok.

Sizde Highcharts kullanmak istiyorsanız aşağıdaki linklerden faydalanabilirsiniz.

Demo

İndir

Highcharts