Sengaja aku buat Text Area ini adalah untuk menyimpan kode-kode HTML atau teks berupa tulisan apa saja agar bisa di copy/paste oleh para pengunjung blog aku. kali ini aku akan membuat text area dengan Select All pada teks didalamnya, dengan tombol dan textbox dengan fasilitas Select All...
1. Aku membuat Text Area dengan Select All pada teks didalamnya caranya sebagai berikut;
Kode;
<div align="center"> <textarea cols="200px" name="code" onclick="this.focus();this.select();" rows="30px">disini tempat aku menulis teks atau kode HTML</textarea></div>
Hasilnya;
2. Aku membuat Text Area dengan Tombol Select All caranya sebagai berikut;
Kode;
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width:200px; height:30px;" name="txt">disini tempat aku menulis teks atau kode HTML</textarea></p></form>
Hasilnya;
3. Aku membuat Textbox Area dengan Tombol Select All caranya sebagai berikut;
Kode;
<style type="text/css"> .codebox1{ border: 2px solid #00FFFF; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; background:#FFFFEB; padding:5px;} .codebox2{ background:#00FFFF; padding:10px } </style> <div class="codebox1"> <div class="codebox2"><center><b>Klik "Select All" Untuk Copy/Paste</center></b></div> <form style="font-family: monospace; font-size: 8pt;" name="copy"><center><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></center> <textarea dir="ltr" cols="200px" name="txt" rows="30px" style="width: 100%;">disini tempat aku menulis teks atau kode HTML</textarea> </form></div>
Hasilnya;
Keterangan :
rows="?" adalah tinggi dari text area, bisa dirubah sesuka Anda.
Cols="?" adalah lebar dari text area. bisa dirubah sesuka Anda.
Ada sedikit penjelasan? untuk model Text Area yang nomor 1 (satu) coba Anda klik barang sejenak teks yang ada di dalam kotak text area,.. Ok? ....ya... seperti itu teks yang ada di dalam kotak akan terseleksi semua tidak akan ada yang tertinggal, Anda tinggal copy atau tekan Ctrl + C di keyboard.
Selesai,..
Posting Komentar