2012-08-01
Gökhan Sevindi
Javascript ve jQuery
4222
jquery, javascript, css3, ajax
John Resig tarafından 2006 yılında geliştirilmiş açık kaynak kodlu bir javascript kütüphanesidir (bana göre kütüphaneden çok "smart template engine" gibi bir nevi javascript şablon uygulamasıdır).
Bu kütüphanenin şu anki sürümü 1.7.2'dir. Sıkıştırılmış (compressed) ve sıkıştırılmamış (Uncompressed) sürüm olarak sunulmaktadır, jQuery resmi sayfasından son sürümü indirebilirsiniz ya da google API CDN uygulaması gibi CDN (Content Delivery Network-İçerik Dağıtım Ağı) servislerinden birini kullanarak sayfanıza ekleyebilirsiniz.
Devamını oku..
2012-07-26
Gökhan Sevindi
Javascript ve jQuery
4424
javascript, tarayıcı nesneler, event, keycode, which
Sayfa içerisinde nesneler üzerinde meydana gelen olayların tanımlanmasında ve bu olaylardan bilgi edinilmesinde, tarayıcı nesneleri kullanılır, aşağıda "event" nesnesinin özelliklerini ve metotlarını inceleyebilirsiniz.
Bu yazımızda "event" nesnesinin "keyCode" ve "which" özellikleri ile ilgili bir örnek yapacağız.
Devamını oku..
2012-07-21
Gökhan Sevindi
Javascript ve jQuery
4584
javascript, tarayıcı nesneler, event, button
Sayfa içerisinde nesneler üzerinde meydana gelen olayların tanımlanmasında ve bu olaylardan bilgi edinilmesinde, tarayıcı nesneleri kullanılır, aşağıda "event" nesnesinin özelliklerini ve metotlarını inceleyebilirsiniz.
Bu yazımızda "event" nesnesinin "button" özelliğinin kullanımı ile ilgili bir örnek yapacağız.
Devamını oku..
2012-07-16
Gökhan Sevindi
Javascript ve jQuery
8897
javascript, settimeout, geri sayım
Daha önce "setInterval()" metodunu kullanarak yaptığımız örneğe benzer bir uygulamayı "setTimeout()" metodu ile yapalım, setInterval() ve setTimeout() metodu arasındaki en önemli fark, birincisinin verilen süre sonunda fonksiyonu tekrar tekrar çalıştırması, ikincisinin ("setTimeout()") ise verilen sürenin sonunda fonksiyonu sadece bir kere çalıştırmasıdır.
Devamını oku..
2012-07-11
Gökhan Sevindi
Javascript ve jQuery
18493
javascript, setInterval, setTimeout, geri sayım, window nesnesi
"setInterval() ve setTimeout()" window nesnesinin önemli metodlarındandır, saat uygulaması, geri sayım gibi işler için kullanabilirsiniz.
Bu iki metod arasındaki fark, "setInterval()" verdiğiniz süre dolduğunda istenen fonksiyonu tekrar tekrar çalıştırır, "setTimeout()" ise süre sonunda istenen fonksiyonu bir kez çalıştırır.
Devamını oku..
2012-07-06
Gökhan Sevindi
Javascript ve jQuery
33928
javascript, scrolling, scroll, kaydırma, scrollBy
Window nesnesinin "scrollBy()" metodu ile sayfamızı istediğimiz ölçülerde sağa sola, aşağı yukarı kaydırabiliriz. Bu tip kaydırma işlerini, jQuery ile çok daha kolay yapabilirsiniz, fakat daha önce de bahsettiğim gibi, jQuery'nin mantığını iyi anlamak için, işin özü olan javascript kodlamasının da nasıl olduğunu bilmek gerekir. Sonuçta jQuery, javascript dili kullanılarak oluşturulmuş bir nevi "javascript şablon sistemi"dir (smarty template engine gibi), javascript gibi kendi başına bir dil değildir.
Devamını oku..
2012-07-01
Gökhan Sevindi
Javascript ve jQuery
5832
Javascript, window, yeni pencere
Javascript ile ilgili örnekleri verirken, javascript ve özelliklerini tamamıyla anlatmak yerine, kendi kullandığım ve ileriki yazılarda paylaşacağım yapılar için temel olacağını düşündüğüm uygulamaları hedeflemekteyim. İşin özünde, yaptığımız herşeyi jQuery kullanarak çok daha rahat ve hızlı yapacağız, fakat jQuery olgusunu daha iyi anlayabilmek ve kullanabilmek için, javascript diline hakim olmakta yarar vardır.
Bu yazımda, javascript kullanarak yeni bir pencere açmaya ve bu pencereyi aktif olarak kullanmaya çalışacağız.
Devamını oku..
2012-06-29
Gökhan Sevindi
Javascript ve jQuery
5661
Dom,document object model, belge nesne modeli
DOM ("Document Object Model"), HTML ve XML belgeler ("documents") için "Program Uygulama Arayüzü (API)"dür. Bu uygulama sayesinde HTML ve XML belgeler üzerinde istenilen yerde değişim, ekleme, silme gibi işlemler yapılabilmektedir.
Devamını oku..
2012-06-28
Gökhan Sevindi
Javascript ve jQuery
4669
javascript, nesne, object, oop
Javascriptte kendi nesnelerimizi oluşturarak istediğimiz özellikleri verebiliriz, javascript dilinde özel bir "sınıf" (class) tanımlaması yoktur, nesneye yönelik işlemlerimizi, oluşturduğumuz fonksiyonlar üzerinden tanımlamamız gerekir.
Devamını oku..
2012-06-23
Gökhan Sevindi
Javascript ve jQuery
4478
javascript, hata yakalama, try-catch, throw
Diğer dillerde olduğu gibi javascript dilinde de hata yakalama (try-catch) yapısı bulunmaktadır. Try-catch uygulamasında, kontrol edilmesini istediğiniz kodları "try" bloğu içine koyarsınız, bir hata oluştuğunda hata bildirisi oluşturup ("throw"), "catch" bloğu içinde de bu hatanın tanımını ve gösterimini yaparsınız. Hata gösterimini standart kendi sisteminden alabileceğiniz gibi ("err.message"), kendinize göre de hata mesajları oluşturabilirsiniz.
Devamını oku..
