Minggu, 03 November 2013

Browse » home» » » » » » » » Cara Membuat Text Area dengan Select All

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 anda 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 anda 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....

Tidak ada komentar:

Posting Komentar