<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 sobat menuliskan scrip sesuka anda sobat</textarea></p></div></form
================================================================
Kopy Pastekan kode di bawah ini di tempat yang sobat inginkan:
<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 sobat menuliskan scrip sesuka anda sobat</textarea></p></div></form>
Setelah mengcopynya pada artikel yang di inginkan akan nampak hasil seperti contoh di bawah ini
Sobatuntuk lebih jelas dan bagaimana cara tinggi dan lebar serta lebih memahami scrip yang sobat copy akan sedikit jelaskan fungsi scrip yang ada
Scrip untuk membuat Tombol Copy All
Scrip untuk membuat Tombol Copy All
- 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 sobat buat, dan pada fungsi tag div disini mengatur posisi buton 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 printah utama dari Java Scrip Buton Copy All, diharapkan untuk tidak di hapus oleh sobat.
- value="Copy All" merupakan tulisan yang terdapat di tengah tengah buton/tombol Copy All, Tulisan ini bisa sobat ganti dengan tulisan yang sobat inginkan.
- <textarea style="widht: 150px; height: 50px" name="txt" rows="35" wrap="virtual" cols="25"> silahkan anda sobat menuliskan scrip sesuka anda sobat </textarea> Ini scrip yang di gunakan untuk membuat Box Text Area Scrip dengan Copy All.
- style="widht: 150px; ini untuk ukuran lebar, ukuran ini bisa sobat sesuaikan misalnya 500px atau yang lainnya di sesuaikan dengan kebutuhan sobat. Begitu juga untuk tinggi height: 50px" bisa di sesuaikan.
Tidak ada komentar:
Posting Komentar