Kejadian Bagian 1 lanjutan
onLoad= Dibangkitkan bila ketika user memasuki halaman website Onunload=dibangkitkan ketika user mengakhiri suatu halaman website. onMouseOver=Dibangkitkan bila kursor mouse berada di atas sebuah link atau daerah gambar. onMouseOut=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="JavaScript" 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 onSubmit="tekan()"> <center> <table border=0> <tr> <td colspan=3 bgcolor=red> <h1 align=center> Nilai yang dicari adalah </h1> <hr color=black size=4></td> </tr> <tr> <td> <input type=text name=key size=40> <td> <input type=submit value=submit> <input type=reset value=reset></td> </tr> </center></table></form></body></html>
<html> <head> <script language=""=“javascript" type="text/javascript"> function gambar1() { document.f.pilih.src="gif.gif" ;} function gambar2(){ document.f.pilih.src="animated-autumn-leaves-bkgrd1.gif";} </script></head> <body> <h1 align="center">Latihan Event OnMouseOver dan OnMouseOut</h1> <hr width="600" color="black" noshade size="10"> <font face="arial"> <h3 align="center">SELAMAT DATANG</h3> <center> <form name="f"> <img name=“gambar" src="epibesdaydear.gif" onmouseover="document.gambar.src='jadi.gif'" onmouseout="document.gambar.src='epibesdaydear.gif'"> <h4 align="center">Tunjuk gambar dibawah ini</h4> <a href="radio.html" > <img name=“pilih “SRC="gif.gif" width=61 height=72 border=0 onmouseover="gambar1()" onMouseOut="gambar2()"> </a> </form> </center> </body> </html>
Manipulasi gambar Untuk memuat suatu image, pada Javascript terdapat objek Image. Untuk membuat objek tersebut pendeklarasiannya adalah sebagai berikut : img1 = new Image () img1.src = "pic1.gif“(tergantung format gambar) artinya membuat objek image dengan isinya adalah image pic1.gif
<html> <head> <script language="javascript" type="text/javascript"> no=1; img1 = new Image (); img1.src = "jadi.gif"; img2 = new Image (); img2.src = "gif.gif"; img3 = new Image (); img3.src = "animated-autumn-leaves-bkgrd1.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="JavaScript:slideshow(-1)">Previous</a> <a href="JavaScript:slideshow(1)">Next</a> </center></body></html>