Membuat Tombol Copy Block Teks Area Automatis

Ketika kita akan memberikan script atau kode aksesoris blog baik berupa fitur maupun widget kepada pihak yang membutuhkannya, seringkali kita tidak menyediakan fasilitas peng'copy'an yang baik. Sehingga cara yang dilakukan pihak yang ingin meng'copy data tersebut biasanya adalah dengan cara mengklik salah satu ujung dari tulisan yang akan di copy, kemudian men'drag ke ujung yang lainnya. Tetapi kita tidak menyadari bahwa ketika peng'copy'an script atau kode tersebut dilakukan dengan cara yang seperti itu, maka ada kemungkinan akan mengalami kesulitan apabila yang di copy itu banyak dan berupa code script.Misalnya jika tertinggal satu huruf saja yang tidak tercopy, maka tentu saja script tersebut tidak akan dapat berfungsi alias error.

Oleh karena itu untuk mencegah supaya hal-hal tersebut tidak terjadi, maka ada model peng'copy'an yang saat ini sangat praktis penggunaannya, yaitu model peng'copy'an dengan menggunakan tombol "higlight all". Apabila tombol tersebut di klik maka isi dari text area tersebut akan langsung otomatis ter-copy block seperti contoh dibawah ini:

Ganti tulisan ini menjadi kode/ scrit HTML yang ingin anda tampilkan, atau bisa juga berupa kalimat

Keren khan? Jika anda tertarik, silahkan copy paste script/ kode dibawah ini:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> Ganti tulisan ini menjadi kode/script HTML yang ingin anda tampilkan, atau bisa juga berupa kalimat </textarea></p></div></form>

Sekilas Info:
1. Merah: lebar
2. Kuning: tinggi
3. Ungu: lebar text area (rows)
4. Biru: tinggi text area (cols)
5. Hijau: tulisan atau kode/ script yang akan dijadikan copy block text area
6. Kalimat Highlight All, bisa anda ganti sesuai selera anda