Untuk membuat fasilitas seleksi teks, formatnya adalah seperti di bawah ini.
<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>
<textarea style="WIDTH: 170px; HEIGHT: 100px" name="txt" readonly="readonly" wrap="VIRTUAL">
teks atau tulisan yang diinginkan
</textarea></div></form></div>
Keterangan
- <div align=”center”> agar button dan kotak menjadi rata tengah
- Kata “Select All” dapat diganti sesuai selera masing-masing.
- Angka pada width menunjukkan lebar kotak yang dapat diubah sesuai kebutuhan.
- Angka pada height menunjukkan tinggi kotak yang juga dapat diubah sesuai kebutuhan.
- Tambahkan Readonly=”readonly” jika ingin teks atau tulisannya tidak dapat berubah/diubah.
- Ganti tulisan "teks atau tulisan yang diinginkan" dengan tulisan yang diinginkan.
Contoh penggunaan seperti di bawah ini.
<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>
<textarea style="WIDTH: 400px; HEIGHT: 125px" name="txt" readonly="readonly" wrap="VIRTUAL">
Untuk mengetahui hasilnya, silakan pengunjung klik button "select all". Setelah diklik maka kita akan melihat bahwa teks atau tulisan ini menjadi terseleksi yang kemudian dapat dicopy dengan cara klik kanan pilih copy (salin) kemudian paste di tempat yang kita inginkan.
</textarea></div></form></div>
Hasilnya seperti di bawah ini.
Contoh aplikasi untuk bertukar link adalah seperti di bawah ini.
<div><form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>
<textarea style="WIDTH: 170px; HEIGHT: 100px" name="txt" readonly="readonly" wrap="VIRTUAL">
<a href="http://tips-trik-blog.blogspot.com" target="_blank"><img border="0" src="http://www.geocities.com/yono_pati/mychicklet.gif"/></a>
</textarea></div></form></div>
Hasilnya seperti di bawah ini.
Selamat Mencoba!!
Baca juga yang ini.
Tentang Textarea Lagi
Semua Tentang Link Exchange
Description: Tips Membuat Seleksi Teks Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Membuat Seleksi Teks
{ 0 comments... read them below or add one }
Post a Comment