Textarea umumnya digunakan sebagai area copy script dalam bentuk teks di weblog tutorial.

Secara default, script dasar textarea adalah sebagai berikut, yaitu jika pengunjung ingin menyalin script di dalam textarea dibawah ini maka pengunjung harus menggunakan klik kanan-salin/Ctrl+A

<textarea>ISI TEXTAREA</textarea>

Dan hasilnya seperti di bawah ini…

ISI TEXTAREANah, untuk kali ini kita akan membuat sedikit kemudahan pengunjung untuk menyalin script di dalam textarea kita menggunakan 2(dua) pilihan sebagai berikut:
CONTOH TextArea OnClick dan Hover
1. Textarea menggunakan sistem OnClick
Yaitu textarea yang jika pengunjung mengklik area didalam textarea maka seluruh script didalamnya akan otomatis terblock secara keseluruhan tanpa meninggalkan satu hurufpun.
Jika Anda ingin menggunakan sistem tersebut, silakan salin kode script di bawah ini…

Script TextArea sistem OnClick

<textarea rows=”5″ cols=”50″ onclick=”javascript:this.focus();this.select();” readonly=”readonly style=”background:#ddd;border-left:5px solid red;padding:10px 5px”>LETAKKAN TEKS/SCRIPT DISINI</textarea>

2. TextArea menggunakan sistem Hover
Yaitu textarea yang jika pengunjung mengarahkan cursor/mouse ke area textarea maka seluruh teks yang ada didalamnya maka akan terblock otomatis secara keseluruhan tanpa meninggalkan satu hurufpun.
Jika Anda ingin menggunakan sistem tersebut, silakan salin kode script di bawah ini…

Script TextArea sistem Hover

<textarea rows=”5″ cols=”50″ onmouseover=”javascript:this.focus();this.select();” readonly=”readonly” style=”background:#ddd;border-left:5px solid red;padding:10px 5px”>LETAKKAN TEKS/SCRIPT DISINI</textarea>

Semoga bermanfa’at…