Tutorial Blogger Pemula

Recent Comment

Selasa, 08 Juni 2010

Cara Membuat Text Area dan Textbox Area Berfasilitas Select All

Jika Anda pernah membaca posting/artikel tentang Text Area, mungkin Anda juga pernah mendengar tentang Textbox Area?

Text Area dan Textbox Area mempunyai fungsi yang sama yaitu sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog. Manfaat lain dari Text Area maupun Textbox Area adalah untuk menghemat halaman posting agar tidak terlalu panjang.

Perbedaan antara Text Area dan Textbox Area adalah dari sisi tampilan dan kode-kode HTML/Javascript yang digunakan. Berikut ini contoh dari text area dan textbox area :

Text Area:


Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE



Adapun Cara Membuat Text Area dan Textbox Area Berfasilitas Select All adalah masukan kode di bawah ke dalam posting atau sidebar blog Anda. Berikut ini kodenya:

1. Text Area:
<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 memasukkan kode / text anda</textarea></p></form>

2. Textbox Area:
<style
type="text/css"> .codebox{ border: 2px solid #04D43A;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
background:#06CDEB; padding:5px;}
.codebox2{ background:#836E2C; padding:10px } </style>
<div class="codebox"> <div class="codebox2"><center><b>KLIK &quot;SELECT ALL&quot; UNTUK MELAKUKAN COPY PASTE</center></b></a></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 memasukkan kode / text anda</textarea>
</form></div>


Keterangan:

* Width/Cols adalah lebar Text Area/Textbox Area;
* Height/Rows adalah tinggi Text Area/Textbox Area;
* disini tempat memasukan kode / text anda, disitulah tempat Anda menyimpan text atau kode HTML/Javascript;
* Untuk menyimpan kode HTML/Javascript dalam Text Area/Textbox Area, terlebih dahulu harus di PARSE. Untuk mengetahui cara melakukan Parse kode HTML/Javascript silahkan klik disini.


>>>>>>>> Selamat Mencoba, Semoga Sukses!!! <<<<<<<<
Silahkan Baca Juga Artikel Di Bawah ini:


1 Komentar:

Syaiful Bachri mengatakan :)

Makasih html kodenya broww...
http://articles-us.blogspot.com/

Posting Komentar

Copyright 2010 | Blog Serba Tersedia | Make Money Online