Labels

Jumat, 01 Juni 2012

MENGHITUNG JUMLAH KARAKTER DIDALAM TEXT AREA

INDODOTNET | MENGHITUNG JUMLAH KARAKTER TEXT AREA (PHP)
Text area biasanya digunakan untuk inputan teks atau kalimat yang panjang seperti isi pesan komentar di blog atau buku tamu di sebuah website dan banyak lagi. Kita dapat mengetahui jumlah karakter teks yang ada di dalam text area tersebut dengan menggunakan Javascript.

Misalkan kita akan membuat sebuah buku tamu sederhana dengan inputan nama dan pesan seperti dibawah ini.


Jadi ketika kita menginputkan teks huruf, angka atau spasi kedalam text area maka nilai 0 akan ditambahkan sesuai dengan inputan teks yang ada di text area. 

<script>
function hit_teks()
{
    var teks,min;
    min = 0;
    teks = min+(document.form1.pesan.value.length);
        document.form1.jml_krt.value = teks;
}
</script>
 
Ket :
  • Pertama kita buat variabel awal min bernilai nol, dimaksudkan sebagai nilai awal dari text area.
  • kemudian variabel teks fungsinya untuk menampung penjumlahan min dengan jumlah teks yang ada di dalam text area
  • Kemudian untuk memanggil function yang telah kita buat tadi supaya dapat bekerja pada text area maka kita kan menggunakan event.liahat script dibawah ini
<textarea name="pesan" id="pesan" cols="45" rows="5" OnFocus="hit_teks();"
        OnClick="hit_teks();" ONCHANGE="hit_teks();" onKeydown="hit_teks();"
        onKeyup="hit_teks();">

</textarea>

ket : 
  • Onfocus         :   ketika cursor mouse memasuki text area maka jalankan function hit_teks
  • OnClick         :   ketika mouse di klik di dalam text area  jalankan function hit_teks
  • Onchange      :   ketika terjadi perubahan di dalam text area  jalankan function hit_teks
  • onKeydown   :   ketika keyboard di tekan atau mouse ditekan maka text area  jalankan function                                     hit_teks
  • onKeyup        :   event ini adalah kebalikan dari event onKeydown.
Cukup mudahkan menghitung jumlah karakter yang ada di text area kali ini. Untuk script lengkapnya silahkan download script dibawah ini.

Download script hit_teks

Semoga pembahasan kali ini dapat berguna dan bermanfaat,,,Sampai jumpa di artikel berikutnya.

Oh iya saya ucapkan terimakasih kepada teman² yang selama ini sudah berkenan mengunjungi blog ini dan melihat-lihat postingan lainya, jngan kapok untuk kembali berkunjung..He



Related Posts Plugin for WordPress, Blogger...