Cara Membuat Text Area Script dengan Copy All pada postingan blog

Kali ini saya akan kasitahu Cara Membuat Text Area Script dengan Copy All

Pasti sobat Dunia IT tidak sabar lagi kan :D hahaha . yaudah Langsung saja ke TeKaPee :)


<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 <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.  
Scrip untuk membuat Box Text Area untuk scrip
  • <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.
Mungkin sedikit yang bisa saya bagikan, karena saya juga masih tahap belajar dalam dunia Blogger

1 komentar:

Very informative post! There is a lot of information here that can help any business get started with a successful social networking campaign! Please check out my web situs as well and let me know what you think.


EmoticonEmoticon