Kalau kita pernah mengunjungi situs web yang menyediakan fasilitas pengiriman sms gratis, biasanya kita akan temui Form TextArea pengisian pesan sms yang akan kita kirim. TextArea tsb membatasi jumlah karakter yg kita input. Berikut source programnya:
<html>
<head>
<title</title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
<script>
function CountMax()
{ var wert,max; max = 100
wert = max-(document.form1.question.value.length); if (wert < 0) {
alert("Maaf, batas maksimum pengisian adalah " + max + " karakter!"); document.form1.question.value = document.form1.question.value.substring(0,max); wert = max-(document.form1.question.value.length); document.form1.rv_counter.value = wert;
} else {
document.form1.rv_counter.value = max-(document.form1.question.value.length);
}
}
</script>
</head>
<body >
<form name="form1" method="post" action="">
<textarea name="question" cols="60" rows="3" id="question" OnFocus="CountMax();" OnClick="CountMax();" ONCHANGE="CountMax();" onKeydown="CountMax();" onKeyup="CountMax();" wrap="virtual"></textarea>
<font face="Arial, Helvetica, sans-serif, Bookman Old Style, Comic Sans MS" size="2">sisa
<input name="rv_counter" type="TEXT" size="3" maxlength="3" value="100readonly></form> </body>
</html>
Perhatikan pada properties TextArea tsb, setiap kali kita mengetikkan karakter atau angka di TextArea, maka fungsi javascript CountMax akan selalu menghitung jumlah karakter atau angka yang terisi pada TextArea. Setiap hitungan akan langsung secara otomatis mengisi kolom TextBox (rv_counter) dibawahnya. Pengisian tsb berupa pengurangan maksimal input keyboard yg didefinisikan dgn variable max=100 oleh tiap ketikan input keyboard yang kita lakukan. Pada saat jumlah inputan keyboard sama dengan atau lebih besar dari variable max=100, maka fungsi alert akan ter-eksekusi.
Catatan: berjalan baik pada browser IE & Modzilla
Demikiankan beberapa Tips & Triks Pemrograman Javascript. Semua source program diatas sudah pernah penulis pakai untuk membantu pembuatan proyek web aplikasi sebagai pengolahan awal dari suatu form. Semoga artikel ini bermanfaat bagi kita semua. Terima Kasih.
Pustaka:
Oleh:
Biografi dan Profil
Setiaji. Lahir di Jakarta, Februari 1978. Sosok pemuda yang pemalu ini menamatkan SMU di SMUN 65 Jakarta pada tahun 1996. Menyelesaikan program S1 pada jurusan Teknik Komputer Universitas Budi Luhur pada tahun 2001. Saat ini bekerja pada salah satu perusahaan Content Provider di Jakarta sebagai programmer.
Sumber:
IlmuKomputer.Com