Event-Driven Dil

Javascipt event-driven bir dildir. Javascript kodları bir event(olay) sonucu calıştırılırlar. Bu olay sayfanın yuklenmesi, bir duğmenin tıklanması, bir form elemanının aktif hale gelmesi vs.. olabilir. Bir olay olduğunda programcı bu olayı yakalar ve istenen işlemler yapar.

onLoad-onUnload

onLoad sayfa yuklenir yuklenmez bir kod cağırmak icin kullanılır. onUnload ise sayfa kapatıldığı zaman bir işlem yapmak icin kullanılır. Aşağıda sayfa yuklenir yuklenmez hoşgeldiniz mesajı gosteren ve kullanıcı sayfadan ayrılırken de gule gule mesajı gosteren bir ornek gorulmektedir. onLaod ve unLoad body tag'inin icinde olmalıdır.

PHP:
[h=1]Bu sayfa onLaod ve onUnLoad testi icin hazırlanmıştır.[/h]

onClick

OnClick bir duğme tıklandığında veya bir link tıklandığında bir işlem yapmak icin kullanılır. Onay ve secenek kutuları icinde onClick kullanılabilir. Aşağıda bir suğmeye tıklandığında merhaba mesajı veren bir ornek goruyorsunuz.

PHP:
[h=1]Bu sayfa onClick testi icin hazırlanmıştır.[/h]

onMouseOver ve OnMouseOut

onMouseOver fare ile bir link uzerine gelindiğinde bir işlem yapmak icin kullanılır. OnMouseOut ise tam tersine fare link'in uzerinden ayrıldığı zaman bir işlem gercekleştirmek icindir. Aşağıda bir link'in uzerine gelindiğinde hoşgeldin yazan bir ornek gorulmektedir.

PHP:
[h=1]Bu sayfa onMouseOver testi icin hazırlanmıştır.[/h] tıklamayın

onSubmit

Form bilgileri submit duğmesine tıklandığında form'un action property'sindeki programa gonderilir. Eğer gonderme işleminden once bir işlem yapmak istiyorsanız form tag'in onSumbit property'sini kullanacaksınız. Eğer form istediğiniz gibi doldurulmamışsa form bilgilerini gondermeyebilirsiniz. Aşağıdaki ornekte form bir text alanından oluşmakta. Eğer text alanı doldurulmamışsa form bilgisi gonderilmemektedir.

PHP:


Submit event'i gercekleştiğinde check fonksiyonu cağrılmaktadır. Bu fonksiyon true gonderirse form bilgisi gonderilir. Eğer false gonderirse fomr bilgisi gonderilmez. check fonksiyonu form'daki adı testText olan textfield'dinin boş olup olmadığını kontrol ediyor. Eğer boşsa alert ile bir mesaj gonderiyor ve textfield'in boş olduğunu soyluyor.

onReset

Girilen Form bilgilerini temizlemek icin kullanılan reset duğmesi tıklandığında bir işlem yapmak istiyorsanız onReset kullanılır. Aşağıdaki ornekte reset duğmesi koyuyoruz ve onReset olayında reset işleminin yapaılacağını bildiren bir mesaj gosteriyoruz.

PHP:


isReset fonksiyonu sonuc olarak true gonderdiği icin işlem gercekleşmektedir.

onChange

Bir formda bir değişiklik yapıldığında bir işlem yapmak istiyorsanız onChange property'sini kullanacaksınız. onChange ozelliği ancak başka bir yere focus'landığında cağrılır. Her harf girişinde cağrılmaz. Aşağıdaki ornekte bir text alanına yazı girildikce yazıyı status bar'da gosteren bir ornek vardır. Yazıyı girip başka bir yere tıklarsanız yazının statusbar'da yazılı olduğunu gorursunuz.

PHP:


status window.status yerine kullanılabilir. Değişme olduğunda change fonksiyonu cağrılmaktadır. Bu fonksiyona textdfield parametre olarak gonderilir.

onFocus ve onBlur

Bir form elemanı tıklandığı focus'landığı zaman (aktif hale geldiği zaman) bir işlem yapmak icin onFocus kullanılır. Eğer bir eleman focus'luğunu kaybettiğinde bir işlem yapmak istiyorsanız onBlur kullanılır. Aşağıdaki ornekte textfield focus'landığı zaman focus'landığını belirten bir mesaj, focus'luk ozelliği kalkınca bunu belirten bir ornek bulunmaktadır.

PHP: