Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang fungsi object browser pada Javascript.
1. Object Browser
a. Hirarki Objek Browser dan Objek HTML
Hirarki ini penting untuk membuat acuan kepada Objek dan propertinya. Turunan dari suatu Objek adalah properti dari objek orang tuanya. Karena semua objek adalah merupakan turunan dari objek window, sehingga objek window sendirinya tidak memiliki acuan ke objek maupun properti apapun. Tetapi bagaimanapun, acuan ke suatu dokumen pada window lain membutuhkan tambahan nama window kepada Objek acuan-nya.
contoh:
Macam-macam Objek Browser
b.Metoda dari Objek Window
Metoda dari objek window dapat digunakan untuk menampilkan kotak dialog, yang merupakan satu jendela yang tampil di bagian depan (layer paling atas) menyusul satu event yang di jalankan, dan memungkinkan untuk :
- Memberikan peringatan kepada user
- Memberikan pilihan yang harus dipilih oleh user
- Meminta user untuk mengisi atau melengkapi isian pada suatu form field.
Macam-macam Metoda Objek Window
Sebagai contoh, Buatlah file html dengan script seperti di bawah ini:
text-align: justify;">
<html>
<head>
<title>javascript objecct browser</title>
<script language="Javascript">
<!--
var tanda = 0;
var posisi = 0;
var IsAnim = false;
var IsKanan = true;
var kata = "";
function evTimeOut()
{
if (IsKanan)
status = kata.substring(0,posisi);
else
status = kata.substring(posisi, posisi + kata.length);
if (posisi++ > kata.length)
{
posisi = 0;
IsKanan = !IsKanan;
}
tanda = setTimeout("evTimeOut()",250);
IsAnim = true;
}
function evMulai()
{
kata = document.frform.txKata.value;
evSelesai();
evTimeOut();
}
function evSelesai()
{
if (IsAnim)
{
clearTimeout (tanda);
IsAnim = false;
posisi = 0;
IsKanan = true;
status = "";
}
}
//-->
</script>
</head>
<body>
<FORM NAME="frform">
Teks berikut akan ditampilkan pada <I>status bar</I>
<BR>
<INPUT TYPE="text" NAME="txKata" SIZE=50 MAXLENGTH=100>
<BR><BR>
<INPUT TYPE="button" VALUE="Mulai" onClick="evMulai()">
<INPUT TYPE="button" VALUE="Selesai" onClick="evSelesai()">
</FORM>
</body>
</html>
<head>
<title>javascript objecct browser</title>
<script language="Javascript">
<!--
var tanda = 0;
var posisi = 0;
var IsAnim = false;
var IsKanan = true;
var kata = "";
function evTimeOut()
{
if (IsKanan)
status = kata.substring(0,posisi);
else
status = kata.substring(posisi, posisi + kata.length);
if (posisi++ > kata.length)
{
posisi = 0;
IsKanan = !IsKanan;
}
tanda = setTimeout("evTimeOut()",250);
IsAnim = true;
}
function evMulai()
{
kata = document.frform.txKata.value;
evSelesai();
evTimeOut();
}
function evSelesai()
{
if (IsAnim)
{
clearTimeout (tanda);
IsAnim = false;
posisi = 0;
IsKanan = true;
status = "";
}
}
//-->
</script>
</head>
<body>
<FORM NAME="frform">
Teks berikut akan ditampilkan pada <I>status bar</I>
<BR>
<INPUT TYPE="text" NAME="txKata" SIZE=50 MAXLENGTH=100>
<BR><BR>
<INPUT TYPE="button" VALUE="Mulai" onClick="evMulai()">
<INPUT TYPE="button" VALUE="Selesai" onClick="evSelesai()">
</FORM>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Demikianlah sedikit penjelasan tentang fungsi dari object browser pada Javascript. Semoga bermanfaat, Salam
sukses...
0 comments: