12 November 2011

Cara Membuat Text Area dengan Select All

Text area adalah tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML atau teks berupa tulisan apa saja agar bisa di copas dengan mudah oleh para pengunjung blog. OK kali ini membahas tentang bagaimana membuat Text Area dengan Select All atau menyeleksi dengan cara mengklik pada teks didalamnya.
Ada dua macam model Text Area dengan Select All yang sering di pakai yaitu dengan klik untuk meyeleksi dan dengan menyorot mouse saja untuk menyeleksi

1. Untuk membuat text area Select All  dengan mengklik misalnya text Lorem Ipsum  didalamnya,  caranya sebagai berikut :

Code :

<div align="center">
<textarea cols="45" name="code" onclick="this.focus();this.select();" rows="5">kode sampeyan di sini</textarea></div>

Keterangan :
rows="5", adalah tinggi dari text area, bisa dirubah.
Cols="45", adalah lebar dari text area. bisa dirubah.

Hasilnya :



Coba  klik pada teks yang ada di dalam kotak text area,..  Ok?   sudah ya...!.. teks yang ada di dalam kotak akan terseleksi semua tidak akan ada yang tertinggal, dan kita tinggal copy atau tekan Ctrl + C di keyboard;

2. Untuk membuat text area Select All  dengan menyorot mouse misalnya text Lorem Ipsum didalamnya,  caranya sebagai berikut :

Code :

<div align="center">
<textarea cols="45" name="code" onmouseover="this.focus();this.select();" rows="5">kode sampeyan di sini</textarea></div>

Keterangan :
rows="5", adalah tinggi dari text area, bisa dirubah.
Cols="45", adalah lebar dari text area. bisa dirubah.

Hasilnya :


Ini cara yang kedua, coba sorot dengan mouse pada teks yang ada di dalam kotak text area, dan secara otomatis teks yang ada di dalam kotak akan terseleksi semua tidak akan ada yang tertinggal, dan kita tinggal copy atau tekan Ctrl + C di keyboard;

Selesai meng-copy kita..ngopi..dulu...hehehe....

Author : Zainoel Arifin Isa'i

Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas/ freelance yang bermarkas di sudut ruang kamar belakang rumah di daerah pelosok desa terpencil lereng gunung Arjuno.... Facebook : -Mbah Djojo-

0 komentar:

Post a Comment

Berkomentarlah yang bijak, iklan/spam langsung dihapus