Javascript (Part 1)

 JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera.  Kode JavaScript dapat disisipkan dalam halaman web  JavaScript pertama kali dikembangkan oleh Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript

 Animasi sederhana  Validasi form inputan  Menampilkan pop up window  Menampilkan dialog konfirmasi  Menampilkan alert  Menangani event handler pada objek HTML  AJAX  Membuat halaman web yang interaktif

 Penulisan kode javascript bersifat case sensitive  Setiap 1 perintah sebaiknya ditutup dengan titik koma (;)  Bisa dipisah dengan file HTML ataupun digabung

1. Di antara tag … Jika script diletakkan di antara, maka script hanya akan dijalankan ketika dipanggil oleh sebuah event. …

1. Di antara tag … script yang diletakkan di antar tag body akan dijalankan ketika halaman itu dibuka. …

3. External Script Jika, kita sudah membuat javascript pada halaman yang berbeda, maka untuk menyertakan file tersebut gunakan script berikut. Pada external script (dalam hal ini file.js) tidak perlu lagi ditambahkan …

 Variabel harus dimulai dengan karakter atau garis bawah  Penamaan variabel bersifat sensitive case (“berat” tidak sama dengan “Berat”)  Dapat langsung diisi dengan nilai ketika pertama kali dideklarasikan

Untuk menambahkan komentar dalam javascript, kita dapat menggunakan  //, jika komentar hanya terdiri dari satu baris  /* … */, jika komentar lebih dari satu baris

Operat or DeskripsiContohHasil +Penambahanx=2; x+24 -Penguranganx=2; 5-x3 *Perkalianx=4; x*520 /Pembagian15/5 5/ %Hasil pembagian5%2 10%8 10% Incrementx=5 x++ x=6 --Decrementx=5 x-- x=4

OperatorContohSama seperti =x=y +=x+=yx=x+y -=x-=yx=x-y *=x*=yx=x*y /=x/=yx=x/y %=x%=yx=x%y

OperatorKeteranganContoh ==Sama dengan5==8 returns false !=Tidak sama dengan5!=8 returns true >Lebih besar dari5>8 returns false <Lebih kecil dari5<8 returns true >=Lebih besar atau sama dengan5>=8 returns false <=Lebih kecil atau sama dengan5<=8 returns true

OperatorDeskripsiContoh &&Danx=6 y=3 (x 1) returns true ||Ataux=6 y=3 (x==5 || y==5) returns false !tidakx=6 y=3 !(x==y) returns true

Event Keterangan AbortDibangkitkan bila user menghentikan pemuatan image (tag ); yaitu bila user menekan tombol Stop atau mengklik link. BlurDibangkitkan bila informasi masukan pada sebuah elemen form kehilangan fokus masukan; yaitu bila user menekan tombol atau mengklik elemen form lainnya. ChangeDibangkitkan bila informasi masukan pada sebuah elemen form (seperti text, textarea, choice) diubah oleh user. Clickdibangkitkan bila user mengklik sebuah elemen form atau link. Errordibangkitkan bila terjadi kesalahan saat browser memuat dokumen atau image. Focusdibangkitkan bila sebuah elemen form menerima fokus masukan; yaitu bila user mengklik elemen form ini atau menekan tombol sehingga fokus masukan berpindah ke elemen ini. Loaddibangkitkan bila browser selesai memuat dokumen. MouseOutdibangkitkan bila cursor mouse keluar dari daerah link atau image map. MouseOverdibangkitkan bila kursor mouse berada di atas sebuah link. Reset dibangkitkan bila user menekan tombol Reset.

Selectdibangkitkan bila user memilih sebagian atau seluruh teks pada elemen form yang berupa kotak teks. Submitdibangkitkan bila user menekan tombol Submit. Unloaddibangkitkan bila user keluar dari dokumen ini. DblClickdibangkitkan bila user mengklik ganda sebuah elemen form atau link. DragDropdibangkitkan bila user menjatuhkan (men-drop) sebuah objek ke jendela browser. KeyDowndibangkitkan bila user menekan tombol keyboard. KeyPressdibangkitkan bila user menekan tombol keyboard dan menahannya. KeyUpdibangkitkan bila user melepas tombol keyboard. MouseDowndibangkitkan bila user mengklik tombol mouse. MouseMovedibangkitkan bila user menggerakkan cursor mouse. MouseUpdibangkitkan bila user melepas tombol mouse. Movedibangkitkan bila user atau skrip menggerakkan jendela atau frame. Resizedibangkitkan bila user atau skrip mengubah ukuran jendela atau frame. Event Pada JavaScript (2)

 Document.write => digunakan untuk menampilkan tulisan di layar  Alert => digunakan untuk menampilkan message box  Confirm => digunakan untuk menampilkan konfirmasi  Window.open => digunakan untuk membuat pop up window  Window.close => digunakan untuk menutup pop up windows  Prompt => digunakan untuk menampilkan kotak inputan

 Metode open membutuhkan tiga parameter.  Berikut ini adalah sintaks metode open: window.open (“Url”, “namajendela”, [“opsi1, opsi2, …”]);

Macam-macam opsi pada metode window.open NamaNilaiKeterangan toolbar[=yesno][=10]jika bernilai yes atau 1, browser menampilkan toolbar yang berisi tombol Back, Forward, Home, dst. location[=yesno][=10]jika bernilai yes atau 1, browser menampilkan field masukan URL. status[=yesno][=10]jika bernilai yes atau 1, browser menampilkan palang status di bagian bawah jendela. menubar[=yesno][=10]jika bernilai yes atau 1, browser menampilkan palang menu di bagian atas jendela. scrollbars[=yesno][=10]jika bernilai yes atau 1, browser menampilkan scrollbar horisontal dan vertikal. resizeable[=yesno][=10]jika yes atau 1, ukuran jendela browser dapat diubah oleh pengguna. widthbilangan bulatmenentukan lebar jendela (dalam satuan pixel). heightbilangan bulatmenentukan tinggi jendela (dalam satuan pixel).