Nah, lalu apa yang menarik di sini ? Fungsi yang saya dapat dari hasil kemarin adalah, saat cursor melakukan click, maka semua yang ada pada textarea akan terpilih (Tested on Firefox, IE, dan Opera). Lalu untuk apa fungsinya ? Ya fungsinya adalah untuk select all aja :p Tergantung variasi kalian ingin digunakan untuk apa.

Berikut fungsi javascript nya :

<script type="text/javascript">
function doclip(d){
		var content = eval("document.kopi." + d) // menuju ke form
		content.focus()
		content.select()
		range = content.createTextRange()
		range.execCommand("Copy")
		window.status="Contents copied to clipboard" // Menampilkan status untuk IE
		setTimeout("window.status=''",1800)
	}
</script>

Setelah membuat fungsi di atas menggunakan javascript, sekarang buatlah rangkaian form seperti berikut :

<form name="kopi">
<textarea name="txta_pilihan" cols="25" rows="5" onclick="doclip('txta_pilihan')">
<!-- your text here -->
</textarea>

Kenapa <form> tidak diberi closing tag ? Karena kesimpulan saya itu hanya untuk identifikasi saja bahwa fungsi tersebut baru bisa di jalankan apabila form pemanggilnya di keluarkan. CMIIW. Kalau dikasih closing tag juga ngga’ masalah kok. Jangan lupa pada form tersebut diberi atribut name dengan value kopi

Nah, pada bagian berikutnya saya menggunakan textarea (bisa juga yang lain seperti input). Pada textarea tersebut saya menambahkan attribut name dengan value txta_pilihan. Lalu pada bagian OnClick (karena fungsi ini di konfigurasi jalan setelah di klik), saya menambahkan fungsi yang telah terbuat di atas yaitu onclick=”doclip(‘txta_pilihan’)”. Di mana doclip adalah fungsi yang telah di buat dan txta_pilihan adalah nama textarea yang ingin di pilih.

Bagaimana hasilnya ? Silakan di coba :) Laporkan jika terjadi error :D