Total Tayangan Halaman

Translate

Kamis, 23 Mei 2013

Cara Membuat Text Area Scrip dengan Copy All atau Higlight








<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 <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.



Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...