Sabtu, 17 Maret 2012

Cara Membuat Text Area Dengan Tombol Pilih Semua

Text area merupakan salah satu hal penting untuk meperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren..

Tips ini saya dapat dari illtorro.blogspot.com. Kronologinya, pada saat lagi jalan-jalan di blog para master yang sudah ber PR tinggi saya melihat text area yang saya anggap keren, saya cari-cari akhirbya ketemu juga nih kode HTML untuk membuat text area dengan tombol pilih semua / Select all, 

Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:



<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Keterangan:
  1. Text warna hijau: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
  2. Text warna kuning: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
  3. Text warna biru: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
  4. text warna merah: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.
Berikut ini saya berikan contoh text area pilih semua / select all:





Selamat mencoba dan semoga bermanfaat !!

Sumber: http://illtorro.blogspot.com

Penulis : Ian Irman
Disaat waktu ini bermanfaat bagi sesama, disitulah aku mulai menulis.
Semoga Artikel ini berguna bagi para Sahabat....Terima Kasih.

0 komentar:

Posting Komentar