Benny Y. Pratama

Session 5: JavaScript Web Application

JavaScript Events

Dalam penggunaan JavaScript, dikenal istilah events. Events adalah action dari user saat sedang membuka sebuah web dalam browser, seperti mengklik suatu link, atau menempatkan kursor diatas suatu paragraf, dan sebagainya. Ada berbagai macam hal yang dapat dilakukan dari events yang terjadi, dan dapat dituliskan dalam script. Script yang digunankan untuk mendeteksi events dan memberi respon atas events disebut event handler. Berikut adalah beberapa contoh events dalam JavaScript.

Mouse Events

Mouse events adalah events yang dilakukan dengan mouse. Beberapa contohnya adalah:

• onclick
  Event ini terjadi ketika sebuah elemen diklik sekali.
• ondblclick
  Event ini terjadi ketika sebuah elemen diklik dua kali dalam waktu singkat.
• onmousedown
  Event ini terjadi ketika user melakukan click and hold pada mouse di sebuah elemen.
• onmouseup
  Berkebalikan dengan onmousedown, event ini terjadi ketika user telah selesai melakukan click and hold pada elemen yang memiliki event onmousedown.
• onmouseover
  Event ini terjadi ketika user meletakkan kursor diatas sebuah elemen.
• onmouseout
  Berkebalikan dengan onmouseover, event ini terjadi ketika user memindahkan kursor keluar dari suatu elemen.

Keyboard Events

Keyboard events adalah events yang dilakukan dengan keyboard. Beberapa contohnya adalah:

• onkeydown
  Event ini terjadi ketika user melakukan press and hold  pada sebuah key di keyboard.
• onkeyup
  Event ini terjadi ketika user melepas suatu key yang sebelumnya ditekan.
• onkeypress
  Event ini terjadi ketika user menekan suatu key pada keyboard.

Untuk lebih memahami perbedaan antara onkeydown dan onkeypress, dapat melihat contohnya disini.

Frame/Object Events

Frame/object events adalah events yang berhubungan dengan page atau suatu elemen yang berupa objek. Beberapa contohnya adalah:

• onabort
  Event ini terjadi ketika suatu objek dimuat kedalam page yang kemudian dibatalkan.
• onerror
  Event ini terjadi ketika terjadi error saat memuat suatu file eksternal.
• onload
  Event ini terjadi ketika sebuah objek berhasil dimuat kedalam suatu page.
• onresize
  Event ini terjadi ketika user mengubah ukuran dari document view.
• onscrool
  Event ini terjadi ketika user melakukan scrool pada scroolbar di suatu elemen.
• onunload
  Event ini terjadi ketika page telah mengalami unload.

Form Events

Form events adalah events yang terjadi pada saat user berinteraksi dengan sebuah form. Beberapa contohnya adalah:

• onblur
  Event ini terjadi ketika user telah berpindah fokus dari suatu elemen dalam form.
• onchange
  Event ini terjadi ketika value dari sebuah elemen mengalami perubahan.
• onfocus
  Event ini terjadi ketika user sedang berinteraksi dengan elemen tersebut.
• onreset
  Event ini terjadi ketika form mengalami reset.
• onselect
  Event ini terjadi ketika user memilih atau melakukan highlight sebagian dari teks dalam elemen input atau textarea.
• onsubmit
  Event ini terjadi ketika form mengalami proses submit.

Untuk penjelasan lebih lanjut mengenai events yang telah disebutkan diatas, dapat dilihat pada situs w3school.

Session 6: JSP Fundamental

JSP adalah salah satu bentuk file yang dibutuhkan dalam pemrograman web. JSP termasuk dalam server-side programming, yang berarti file ini berada pada sisi server. Karena hal ini, code dalam file JSP tidak dapat dilihat oleh sisi client melalui browsernya.

JSP dapat dituliskan dalam sebuah file HTML dengan menggunakan JSP tags. Tipe-tipe tag dalam JSP adalah:

• JSP Scriplet
  Tag ini berfungsi untuk menyisipkan code Java kedalam HTML. Penulisan tag ini adalah: <% …Java statements… %>
• JSP Expression
  Tag ini berfungsi untuk menunjukkan nilai string dari sebuah expression. Penulisan tag ini adalah: <%= …string value… %>
• JSP Directive
  Tag ini berfungsi untuk mengatur conditions yang akan diberlalukan pada keseluruhan JSP. Penulisan tag ini adalah: <%@ …conditions… %>
• JSP Comment
  Tag ini berfungsi untuk menuliskan catatan mengenai code. Code yang berada dalam tag ini tidak akan dijalankan. Penulisan tag ini adalah: <%– …comments… –%>
• JSP Declaration
  Tag ini berfungsi untuk melakukan deklarasi variabel dan method dalam JSP. Penulisan tag ini adalah: <%! …declarations… %>

 

Homework Pertemuan 2 (Session 3)

Jawaban: