“Measuring programming progress by lines of code is like measuring aircraft building progress by weight.”
by Bill Gates

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