Text Area Biasanya sering di gunakan untuk memasang kode atau script untuk di bagikan. Blog yang biasanya menyajikan tutorial sering menggunakan Button Select all ini agar memudahkan pengunjung untuk mencopy script yang di bagikan.

Berikut Chekmad akan berbagi bagaimana untuk membuat Button Select All tersebut untuk text area di blog anda.

1. Text Area dengan Button Select All

Script :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Silahkan Masukan tulisan Anda disini, bisa berupa text biasa dan juga text berupa kode HTML/Javascript
</textarea></p></div></form>
Maka hasilnya akan seperti ini :

2. Text Area Tanpa Select All

Script :
<p align="center"><textarea name="code" rows="6" cols="20">tempatkan tulisan Anda disini, bisa berupa text biasa dan juga text berupa kode HTML/Javascript</textarea></p>
<p align="center"><textarea name="code" rows="6" cols="20">Silahkan Masukan tulisan Anda disini, bisa berupa text biasa dan juga text berupa kode HTML/Javascript</textarea></p>
Maka Hasilnya akan Seperti ini :


Keterangan Element :

  1. <div align="center">. Kata center artinya posisi button akan berada di tengah. Jadi, jika Anda ingin posisi button/tombol berada disebelah kiri, ganti saja dengan kata left. Dan jika ingin berada disebelah kanan, ganti dengan kata right.
  2. <inputonclick="javascript:this.form.txt.focus ();this.form.txt.selec()">. Kode ini artinya ketika tombol Select All di klik, maka seluruh text yang ada didalamnya akan di select all (dipilih dan di block semua agar dapat di copy sekaligus), sebaiknya jangan merubah tulisan ini. Value="Select All". Kata Select All adalah kata yang akan muncul didalam button/tombol. Tulisan select all dapat Anda ganti sesuai selera.

Element within manual text area:

  • <p align="center">. Menunjukan bahwa text area akan berada di tengah, jika Anda ingin text area berada disebelah kiri, ganti kata center dengan kata left untuk kiri atau right untuk dikanan.
  • <text style="WIDTH: 200px"> kata  "WIDTH:200px" adalah lebar text area sebanyak 200 pixel. Jika Anda ingin merubah lebar text area, Anda dapat menggantinya dengan angka yang anda inginkan, misalnya; 400px;

Posted By : Chekmad
Source : Zaenudin blog
Axact

AWAKAWAI.COM

Awakawai.com - Media Online untuk berbagi informasi, pengetahuan dan hiburan.

Post A Comment:

0 comments: