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.
var container = document.getElementById('nativeroll_video_cont');
if (container) {
var parent = container.parentElement;
if (parent) {
const wrapper = document.createElement('div');
wrapper.classList.add('js-teasers-wrapper');
parent.insertBefore(wrapper, container.nextSibling);
}
}
|
