Tips Membuat Seleksi Teks

Posted by Unknown on Friday, May 15, 2009

Tips Membuat Seleksi Teks : Dengan tips tersebut, kita dapat memberikan kemudahan kepada para pengunjung yang ingin melakukan seleksi atas teks tertentu yang memang sengaja siapkan untuk tujuan tersebut. Salah satu contoh penggunaan “fasilitas” tersebut adalah dapat kita aplikasikan pada sarana tukar link (link exchange). Dengan menambahkan “fasilitas” tersebut akan memudahkan para pengunjung yang ingin memasang banner link kita pada blog mereka masing-masing. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

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