Index»
all
»
area
»
auto
»
cara
»
membuat
»
mudah
»
pada
»
select
»
text
»
Cara Mudah Membuat Auto Select All Pada Text Area
Alhamdulillah hari ini bisa posting lagi. Kesempatan ini Bfc Sarif Blog akan membahas tentang Text area. Text area sendiri bisa diartikan sebuah kolom yang dibuat sebagai kontainer tulisan atau kode html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga bisa dibuat dengan fungsi highlight agar memudahkan pengunjung melakukan copy isi text area.
Untuk tutorial kali ini akan membahas tentang Cara Mudah Membuat Auto Select All Pada Text Area.
DEMO I auto select tanpa menggunakan tombol :
Cara Membuatnya :
silahkan tambahkan attribute di bawah ini ke dalama tag textarea :
DEMO II auto select menggukana tombol :
Cara Membuatnya :
copy kode di bawah ini :
Semoga bermanfaat kawan. Happy blogging ^_^
Cara Mudah Membuat Auto Select All Pada Text Area
Sabtu, 12 April 2014
Untuk tutorial kali ini akan membahas tentang Cara Mudah Membuat Auto Select All Pada Text Area.
DEMO I auto select tanpa menggunakan tombol :
Cara Membuatnya :
silahkan tambahkan attribute di bawah ini ke dalama tag textarea :
onFocus="this.select()"Contoh :
<textarea onFocus="this.select()">Ini hanya sekedar contoh</textarea>
DEMO II auto select menggukana tombol :
Cara Membuatnya :
copy kode di bawah ini :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
Kode di atas mempunyai dua bagian utama, yaitu yang membuat fungsi highlight dan yang membuat fungsi text area. Dari semuanya ada beberapa kode yang bisa diubah yaitu:
- Height: 100px yang menyatakan tinggi text area anda nantinya
- Width: 200px yang menyatakan lebar dari text area
- Value="Highlight All" adalah text yang akan ditampilkan pada tombol
Semoga bermanfaat kawan. Happy blogging ^_^
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar