:: Object Built In
Seperti yang telah disinggung sebelumnya bahwa dalam VBScript terdapat objek-objek
yang dapat digunakan untuk membuat program (object built in),objek-objek tersebut
dapat digunakan untuk mengumpulkan data permintaan browser, menyimpan informasi
browser, dan lain-lain masih banyak lagi, ada beberapa object built in yang akan kita
bahas dalam bagian ini, diataranya;
>> Input Output
Pastilah kita pernah mengunjungi situs tertentu dan melihat beberapa kotak dialog
seperti input nilai, inputkan nama, dan lain-lain seperti di VB. Mekanisme ini digunakan
untuk berkomunikasi dengan pengujung dengan menggunakan MsgBox dan InputBox,
MsgBox digunakan untuk menampilkan sejumlah pesan kepada pengunjung sedangkan
Input Box digunakan untuk memperoleh masukan dari pengunjung
Untuk membuat MsgBox seperti gambar 3.1 dapat kita coba latihan dibawah ini ;
Latihan 3.1
<html>
<head>
<title>Contoh Message</title>
</head>
<body>
<script language="vbscript">
msgbox "SELAMAT DATANG DI ASP" + CHR(13) + "THE POWER
MICROSOFT",vbcritical,"informasi"
msgbox "SAMA-SAMA",0,"informasi"
</script>
</body>
</html>
Cara penulisan dalam membuat MsgBox adalah ;
MsgBox(Prompt[,buttons][,title][,helpfile, contex_id]) atau bisa juga
MsgBox “[pesan]”, kode icon + kode tombol,”[judulnya]”
Web Programming With ASP
24 Web Programming With ASP
25
Yaitu;
Prompt : teks yang akan ditampilkan pada bagian body dari message
Buttons : mengatur tampilan tombol,icon dan modilariti MsgBox
Title : judul yang akan ditampilkan pada MsgBox
Helpfile : nama dari file help yang akan dibuka bila pengguna menekan tombol F1
Context_id : identitas yang berhubungan dengan file help yang telah dispesifikasikan.
Sedangkan untuk membuat tampilan seperti gambar 3.2 dapat kita perhatikan script
dibawah ini, pada latihan 3.2 ;
<html>
<head>
<title>Contoh Message Input Data</title>
</head>
<body>
<script language="vbscript">
nama = inputbox("Your Name","identity")
address = inputbox("Your Address","identity")
msgbox "Your Name = "+ nama + chr (13) + " Your address ="
+ address,vbinformation,"Informations"
</script>
</body>
</html>
Cara penulisan input box adalah ;
Nama variable = inputbox “[pesan]”,”[judul]”
>> Objek Form
Sebelum kita membicarakan objek pada form, ada beberapa control HTML yang
nantinya akan kita gunakan untuk membangun aplikasi dengan ASP. Penggunaan pada
tag ini dimulai dengan <input> dan dikuti dengan tag yang akan kita masukan pada
sebuah form.
Ada beberapa control form pada HTML, diantaranya adalah ; Text boxes : <input>
Text areas : <textarea>
Radio Buttons : <input> dengan type set radio
Check Boxes : <input> dengan type set checkbox
List Boxes : <select>
Submit buttons : <input> dengan type set submit
Normal buttons : <input> dengan type set button
Reset buttons : <input> dengan type set reset
Web Programming With ASP
26 Web Programming With ASP
27
Objek form digunakan untuk berkomunikasi dengan form pada dokumen HTML. Objek
ini memiliki suatu metode submit, yang berfungsi untuk mengirimkan form, eventnya
yaitu onSubmit. Ada beberapa property dari objek form, yaitu ;
*Property Keterangan
*Action Halaman tujuan dari form
*Method Metode request dari form
*Encoding Encoding Form
Dalam sebuah form banyak memiliki elemen-elemen input, agar para pengunjung dapat
berkomunikasi dengan elemen ini kita harus membuatkan beberapa property-properti,
metode dan event, seperti dibawah ini ;
Elemen Property Metode Event
Button, reset,
submit
Form,name,value Click Onclick
Checkbox Form,name,
checked, default
checked
Click Onclick
Radio Form,name, value,
checked
Click, focus Onclick
Password Form,name, value,
default value
Focus, blur,select -
Text,textarea Form,name, value,
default value
Focus, blur,select Onfocus, onblur
Onchange,onselect
Select Name, length,
option,selectedIndex
Focus, blur Onfocus, onblur
Onchange
Hidden Name, value - -
>> Proses Input Form
Dari contoh sebelumnya telah kita lihat beberapa contoh yang mengandung form. Jika
kita perhatikan maka terdapat tag seperti <FORM METHOD = “POST | GET “ ACTION =
“NAMEFILE.ASP”
Proses terhadap input dilakukan dengan menggunakan objek Request. Input form
tersebut akan ditampung oleh koleksi QueryString dan koleksi Form. Perbedaan
menggunakan kedua koleksi ini tergantung pada parameter METHOD dan FORM.
Jika kita perhatikan pada contoh latihan 3.3, dimana pada halaman ‘tampilmahasiswa’
terdapat vardata yang digunakan untuk menampung data yang akan diambil. Misalnya
pada halaman ’maha.asp’ data yang menampung nama adalah komponen <INPUT
TYPE=text> yang diberi NAME=namamahasiwa. Maka untuk mengambilnya
<%=Request.QueryString ("TxtNama")%>
Sekarang kita masih menggunakan koleksi QueryString namun bedanya metode yang
dikirimkan menggunakan POST bukan GET.
Latihan 3.4
Form.asp
<Html>
<Head>
<Title>Daftar Mahasiswa</Title>
</Head>
<Body>
<Form Method="POST" name="form" Action="proses.asp"
Name="FrmMahasiswa">
Nama depan <input type="text" name="nama"> <br>
Nama keluarga <input type="text" name="keluarga"> <br>
Umur <input type="text" name="umur"> <br>
<Input Type="hidden" Value="new" Name="status">
<Input Type="submit" Value="Batal" Name="CmdBatal"></TD>
</Form>
</Body>
</Html> Proses.asp
<Html>
<Head>
<Title>Daftar Mahasiswa</Title>
</Head>
<Body>
hallo, <%=Request.FORM("nama")%>
<%=Request.FORM("keluarga")%><br>
anda saat ini berusia <%=Request.FORM("umur")%> tahun. <br>
<%
if Request.FORM("status") = "new" then
response.write" ini adalah kunjungan pertama anda !"
end if
%>
</body>
<html>
Apa perbedaannya, jika kita perhatikan pada saat dijalankan dibrowser dengan
mekanisme FORM maka yang tidak tampak atau tertulis query string yang panjang,
berbeda jika kita menggunakan mekanisme GET yang akan menampilkan query string
yang panjang pada address browser.
>> Verifikasi Input Form
Untuk contoh awal buatlah script dibawah ini,
Latihan 3.5
<html>
<head>
<title>contoh function</title>
</head>
<body>
<script language="vbscript">
function login_onsubmit
if document.login.txtlogin.value =" " then
login_onsubmit = false
msgbox "Maaf Login Harus Diisi..",48+1,"Konfirmasi"
else
if document.login.txtpass.value =" " then
login_onsubmit = false
Web Programming With ASP
33
alert "Password Harus Diisi.."
else
if document.login.txtlogin.value ="Deris" then
if document.login.txtpass.value ="Stiawan" then
login_onsubmit = True
else
login_onsubmit = false
msgbox "Password Anda Salah",vbcritical
end if
else
login_onsubmit = false
msgbox "Maaf Login Salah",vbcritical
end if
end if
end if
end function
</script>
<Form method="POST" Action="Tampilan.asp" name="LOGIN"
<Table Border=1>
<tr>
<td><b>Login </td></b><td><Input Type="text"
Name="txtlogin" Size=10></td>
</tr>
<br>
<tr>
<td><b>Password </td></b><td><Input Type="password"
Name="txtpass" Size=10></td>
</tr> </Table>
<br>Input Type="Submit" value="Kirim" Name="BtnKirim">
<Input Type="Reset" Value="Batal" Name="BtnBatal">
</form>
</html>
Maka tampilan dari latihan 3.5 adalah ;
Latihan 3.6
<html>
<head>
<title>Objek form</title>
</head>
<body>
<h1>Objek form</h1>
<hr>
<form name="formku" action="test.asp" method="post">
<pre>
Login
<input type="text" name="nama">
<input type="submit" value="Kirim">
</form>
</pre>
<script language=VBScript>
Function formku_onSubmit
If Document.formku.nama.value = "" Then
formku_onSubmit = False
Alert "Anda belum mengisi nama login"
Web Programming With ASP
34 Else
formku_onSubmit = True
End If
End Function
</script>
</body>
</html>
That's all
Thx :))
Tidak ada komentar:
Posting Komentar