PERTEMUAN KE 11 KEJADIAN BAGIAN 1 Lanjutan objek

PERTEMUAN KE 11 KEJADIAN BAGIAN 1

Lanjutan objek window Window. open Fungsi untuk membuka jendela baru dengan alamat yang dituju window. location/window. location. href Fungsi untuk mengakses alamat yang dituju tanpa membuka jendela baru

<HTML> <BODY> <script language="javascript“ type=“text/javascript”> function tombola() { window. open("a. html"); } function tombolb() { window. location="b. html"; } </SCRIPT> <FORM METHOD="post"> <P><CENTER> <INPUT TYPE="button" VALUE="Tombol A" ONCLICK="tombola()"> <INPUT TYPE="button" VALUE="Tombol B" ONCLICK="tombolb()"> </FORM></CENTER> </BODY> </HTML>

Kejadian bagian 1 on. Click=Kejadian yang dibangkitkan bila pengguna mengklik sebuah elemen form atau link. on. Change=Dibangkitkan bila informasi masukan pada sebuah elemen form (text, textarea, select) diubah oleh pengguna. on. Blur=Dibangkitkan ketika suatu elemen kehilangan focus masukan, yaitu ketika pengguna menekan tombol <tab> atau mengklik elemen lain form lainnya.

Buatlah pengisian form tersebut menggunakan onblur artinya setiap textboxt harus diisi misalkan Text boxt pertama harus diisi terlebih dahulu ketika dia mengisikan text boxt kedua, maka ada peringatan bahwa text boxt pertama harus diisi terlebih dahulu. Untuk text box selanjutnya perintahnya sama dengan textbox pertama dan kedua , peringatan tersebut muncul secara berurutan

Buatlah program kalkulator dengan menggunakan dropdown, gunakan onchange dalam dropdown nya. Berisi operator penjumlahan, pengurang an, perkalian, pembagian

on. Load= Dibangkitkan bila browser selesai memuat document on. Unload=Dibangkitkan bila pengguna keluar dari dokumen Contoh Program <HTML> <BODY on. Load="nilai()" on. Unload="tutup()"> <SCRIPT LANGUAGE="Java. Script"> function nilai() { alert("anda masuk web saya"); } function tutup() { window. alert("Terimakasih Telah masuk web saya. . "); } </SCRIPT> </center> </BODY> </HTML>

on. Mouse. Over=Dibangkitkan bila kursor mouse berada di atas sebuah link atau daerah gambar. on. Mouse. Out=Dibangkitkan bila kursor mouse berada di luar sebuah link atau daerah gambar.

<<HTML> <BODY> <SCRIPT LANGUAGE="Java. Script" type="text/javascript"> function gambar 1() { document. f. imgfan. src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src="gif.

<<HTML> <BODY> <SCRIPT LANGUAGE="Java. Script" type="text/javascript"> function gambar 1() { document. f. imgfan. src="gif. gif" } function gambar 2(){ document. f. imgfan. src="animated-autumn-leaves-bkgrd 1. gif" } </SCRIPT> <h 1 align="center">Latihan Event On. Mouse. Over dan On. Mouse. Out</h 1> <hr width="600" color="black" noshade size="10"> <font face="arial"> <h 3 align="center">SELAMAT DATANG</h 3> <CENTER> <form name="f"> <Img Name="logo" src="epibesdaydear. gif" onmouseover="document. logo. src='jadi. gif'" onmouseout="document. logo. src='epibesdaydear. gif'"> <h 4 align="center">Tunjuk gambar dibawah ini</h 4> <A HREF="radio. html" on. Mouse. Over="gambar 1()" on. Mouse. Out="gambar 2()"> <IMAGE NAME="imgfan" SRC="gif. gif" WIDTH=61 HEIGHT=72 BORDER=0> </A> </form> </center> </BODY> </HTML>