Cara membuat tombol Copy All text atau script

Cara membuat text box dengan tombol Copy All sangat mudah. Anda tinggal memasang kode script dibawah ini kedalam postingan atau widget.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus (); this.form.txt.select ();" type="button" value="Copy All" </div><div align="center"></div><p align="center"><textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda menuliskan scrip sesuka anda </textarea></p></div></form>

Setelah mengcopynya pada postingan atau widget anda, maka hasil tampilannya seperti dibawah ini.

<="<" />

silahkan anda sobat menuliskan scrip sesuka anda sobat

Untuk lebih jelas dan bagaimana cara tinggi dan lebar serta lebih memahami scrip dapat dijelaskan sebagai berikut:

• Scrip <form name="copy"> secara umum, form berfungsi untuk menampung elemen-elemen yang nantinya akan di masukan ke dalam sebuah objek. Elemen itu di beri nama fungsi copy.
• <div align="center"> merupakan sebuah elemen yang digunakan untuk mengatur posisi, layout web/blog yang anda buat, dan pada fungsi tag div disini mengatur posisi  tombol Copy All berada di tengah "center" untuk posisi yang lain kiri "left" dan kanan "right".
• <input onclick="javascript:this.form.txt.focus (); this.form.txt.select (); maksudnya adalah ketika tombol Copy all di klik maka seluruh isi pada Box Text Area akan diblok dan terselesi semuanya, ini merupakan perintah utama dari Java Scrip tombol Copy All.
• value="Copy All" merupakan tulisan yang terdapat di tengah tengah buton/tombol Copy All, Tulisan ini bisa anda ganti sesuai dengan keinginan anda.

untuk membuat Box Text Area:

• widht: 150px; untuk lebar text box
• height: 50px" : untuk tinggi text box

Demikian

Semoga bermanfaat.

Posted in: Blogger Tutorial