Kejadian Bagian 1 lanjutan on Load Dibangkitkan bila

Kejadian Bagian 1 lanjutan

�on. Load= Dibangkitkan bila ketika user memasuki halaman website �Onunload=dibangkitkan ketika user mengakhiri suatu halaman website. �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. �on submit akan dibangkitkan apabila seorang user menekan tombol submit. Dengan event ini data yang diinputkan lewat form akan ditampilkan

<html> <head> <script language="Java. Script" type="text/javascript"> var nama=prompt(“masukkan nama anda”); function awal() { alert(“selamat datang “ + nama); } function akhir { alert(“ sampai jumpa lagi”+nama); } </script> </head> <body onload=“tekan()” onunload=“akhir()”> </body> </html>

<html><head> <script language=“javascript” type=“text/javascript”> function tekan(){ var nilai=document. f. key. value; alert(“nilai yang ada masukkan adalah “+ nilai); } </script></head> <body> <form name=f on. Submit="tekan()"> <center> <table border=0> <tr> <td colspan=3 bgcolor=red> <h 1 align=center> Nilai yang dicari adalah </h 1> <hr color=black size=4></td> </tr> <td> <input type=text name=key size=40> <td> <input type=submit value=submit> <input type=reset value=reset></td> </tr> <td colspan=3 bgcolor=red> <hr color=black size=4></td> </tr> </center></table></form></body></html>

<html> <head> <script language=""=“javascript" type="text/javascript"> function gambar 1() { document. f. pilih. 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. gif"

<html> <head> <script language=""=“javascript" type="text/javascript"> function gambar 1() { document. f. pilih. src="gif. gif" ; } function gambar 2(){ document. f. pilih. src="animated-autumn-leaves-bkgrd 1. gif"; } </script></head> <body> <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=“gambar" src="epibesdaydear. gif" onmouseover="document. gambar. src='jadi. gif'" onmouseout="document. gambar. src='epibesdaydear. gif'"> <h 4 align="center">Tunjuk gambar dibawah ini</h 4> <a href="radio. html" > <img name=“pilih “SRC="gif. gif" width=61 height=72 border=0 onmouseover="gambar 1()" on. Mouse. Out="gambar 2()"> </a> </form> </center> </body> </html>

Manipulasi gambar � Untuk memuat suatu image, pada Javascript terdapat objek Image. Untuk membuat objek tersebut pendeklarasiannya adalah sebagai berikut : � img 1 = new Image () � img 1. src = "pic 1. gif“(tergantung format gambar) � artinya membuat objek image dengan isinya adalah image pic 1. gif

<html> <head> <script language="javascript" type="text/javascript"> no=1; img 1 = new Image (); img 1. src = "jadi. gif"; img 2 = new Image (); img 2. src = "gif. gif"; img 3 = new Image (); img 3. src = "animated-autumn-leaves-bkgrd 1. gif" ; function slideshow(x) { no=no+x; if (no==4) {no=1; } if (no==0) {no=3; } document. gambar. src=eval("img"+no+". src"); } </script> <center> <img SRC="epibesdaydear. gif" name="gambar" BORDER=0 height="200" width="150"><p> <a href="Java. Script: slideshow(-1)">Previous</a> <a href="Java. Script: slideshow(1)">Next</a> </center></body></html>