Formlar kullanıcıdan bilgi toplamaya yarayan alanlardır.Form etiketleri ile başlarlar form içerisinde kullanıcının form elemanlarına girdiği bilgileri server-side çalışan bir sayfaya göndermek için submit butonu kullanılınır.submit butonuna tıklandığında form etiketi içerisinde action özelliği ile belirlenmiş sayfaya belirtilen method ile form içerisindeki bilgiler gönderilir.işte formu göndermeye yarayan submit butonuna tıklandığında javascript onSubmit olayını üretir.,
Bu olay sadece <form> html etiketine yazılabilir.Ve de form nesnesi için tanımlanabilir.
6 views
Kullanıcının herhangi bir nesne üzerinde mouse sol tuşuna tıklaması ile onClick olayı Bu nesne üzerine çift tıklamasıyla onDbClik olayı oluşur.Mouse tuşuna sürekli basılması onclik olayını meydana getirmez.Bu olayları destekleyen html taglarından bazıları —
<a>, <b>,<big>, <blockquote>, <body>, <button>, <div>,<em>, <form>, <h1> to <h6>, <hr>, <i>, <img>, <input>,<label>, <legend>, <li>, <ol>, <p>, <pre>, <select>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <th>, <thead>, <tr>, <tt>, <ul>
document nesnesi bu olayı desteklemektedir.
Sayfa üzerinde 2 tane text yai metin kutumuz var bir tanede butonumuz var kullanıcı butona clicklediğinde onClick olayı meydana gelecek ve doldur( ) isimli function bu olaya karşılık event handler tarafından çalıştırılacak .Doldur function içerisinde 1.kutu içeriği 2.kutuya atanmakta.Yani örneğin kullanıcı 1.kutuya “enes” yazmışsa butona clicklendiğinde 2 .kutuyada “Ahmet” yazılacak.
a etiketi için href özelliği bir onClick event Handler gibi kullanılabilir.Örneğin ;
Href özelliğine javascript kodu yazmak için kesinlikle kod yazmadan önce javascript : sabitini kullanmamız gerekir.
19 views
Bir nesnenin yüklenmesinin bitmesi onLoad , Nesnenin ekrandan kaldırılması onUnLoad olaylarını meydana getirir.Genel olarak body tagı için kullanılınırlar. Tarayıcı bir html sayfasını yüklemeyi bitirdiğinde onLoad olayını , Sayfa gösterilirken yani yüklendikten sonra sayfayı kapatması onUnLoad olayını oluşturur.Örneğin bir resim sayfaya yüklendiğinde onLoad olayı meydana gelecektir.
Body , frame,frameset,img tagları için kullanılabilirler.
Sayfa tarayıcıya yüklendiğinde tarayıcı durum çubuğunda sayfaya hoş geldiniz yazısı çıkacak.
Tarayıcı penceresi kapatıldığında mesaj kutusu çıkacak.
Ayrıca sayfa yüklenmesi , kapatılması gibi pencere ile ilgili olaylara event handler kullanılmadan da function atanabilir.
Bir olaya programatik olarak fonksiyon tanımlamak mümkün . window.onload >>>pencerenin onload olayı anlamına gelmektedir.ve buna karşılık bir function tanımlanmaktadır.Yani sayfa yüklendiğinde open( ) functionu çalıştırılacatır.Ekrana merhaba mesajı çıkar.Bu durumda event handlerların yazılışları önemlidir.Event handler yazılırken büyük küçük harfe dikkat edilmelidir.(event handler taglar arasına yazılırken büyük küçük harf önemli olmayacaktır.)
25 views
Olay kısaca Kullanıcının herhangi bir nesne üzerinde gerçekleştirebileceği bir eylem olarak tanımlayabiliriz. Javascript olay yönelimli çalışacaktır yani javascriptte yazdığımız kodların büyük bir bölümünü olaylara yazılan kodlar dır. Kullanıcının Mouse sol tuşuna tıklaması klavyeden herhangi bir tuşa basması , sayfanın yüklenmesi , sayfanın kapatılması gibi bunların hepsi olay olarak karşımıza çıkmaktadır.
Event Handler (olay yönlendiricileri) : javascriptte olayların görevleri fonksiyonlarla tanımlanır bu şu demektir.Bir olay olduğunda bir fonksiyon çalıştırılır.Tabiki bu fonksiyon içerisine oluşan olaya karşı kodlarımızı yazmış olmamız gerekir.
İşte bir olay meyadana geldiğinde functionları çalıştırmamızı sağlayan event handlerlardır. Ayrıca event handler ‘ lar önceden tanımlanmış olay isimlerini içerir.Bu olay isimlerinden hangi olaya kod yazacağınızı seçmeniz mümkündür.
Bir xhtml elemanına olay yönlendiricisi aşağıdaki gibi eklenir.
< ETiKET olay yönlendiricisi=”javascript kodu” >
Bir etikete olay yönlendiricisini yazıp daha sonra bu olay gerçekleştiğinde çalışmasını istediğimiz kodları karşısına tırnak içerisine yazabiliriz.
18 views
