Setelah berpusing ria, dan akhirnya ngga’ menghubungi adeknya :p, akhirnya saya googling dan nemu beberapa contoh penggunaan JavaScript Auto Copy to Clipboard, akhirnya saya menemukan satu fungsi yang menurut saya keren :D Pada instalasi dasar, beberapa browser selain Internet Explorer tidak mendukung Auto Copy menggunakan JavaScript. Jadi script auto copy ini hanya berfungsi untuk Internet Explorer saja :D
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
bisa dicopy g mas nih tutorial
hehehhe
http://webyme.co.cc
Saya coba dulu deh! :D
soalnya gak ngerti cuman kalo baca doank, harus dipraktekin dulu neh!
;)
bsa buat FS g??low ya, copy n paste nya dmna??
salam kenal
artikel nya menarik,
sya lagi blajar bikin2 blog nih mas
kalo yang untuk Firefox gimana mas?
Thx sebelumnya :)
gk work gan, dh sya tes gk bisa. cm auto select all aja tp gk auto copy