Membuat Tombol Select All

Mungkin sobat sudah melihat menu "tukaran link" dari blog ini, sobat akan menemukan kode linkbanner blog ini yang saya bingkai dalam kotak bertombol select all. Nah! mungkin sobat ingin mencoba membuat kotak text area bertombol select all. Dengan membuat ini, dapat mempermudah para pengunjung blog sobat untuk menyeleksi teks atau kode pada kotak text area dengan cepat, jadi tidak perlu diseleksi secara manual cukup dengan menekan tombol select all.

Berikut caranya:

Sobat hanya perlu mengcopy-pastekan kode dibawah ini kedalam postingan atau elemen halaman blog sobat.

<form name="copy"><div align="left"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><textarea style="padding: 3px; width:200px; height:60px" name="txt";>Teks Anda</textarea>

Sehingga hasilnya seperti dibawah ini:

Ket:

Kode berwarna merah dapat sobat ganti dengan teks, gambar atau link.
Kode berwarna biru adalah tinggi dan lebar dari kotak teks yang dapat sobat atur dan sesuaikan.
Kode berwarna hijau adalah letak dari tombol select all yang dapat sobat ganti menjadi left (kiri), right (kanan) dan center (tengah).

Selamat mencoba...
Semoga berguna dan bermamfaat...

Author : Edu Themes

Tutorial EDU Themes ini secara special dipersembahkan khusus untuk semua klien EDU Themes. Besar harapan kami juga blog ini akan mampu menuntun sekaligus mempertajam kemampuan teman-teman pasca Pelatihan bersama Kami. Terimakasih atas kunjungannya yang baru saja membaca artikel berjudul Membuat Tombol Select All.

Share Artikel