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:

Disini tempat memasukkan kode / text anda

Textbox Area:

KLIK "SELECT ALL" UNTUK MELAKUKAN COPY PASTE

disini tempat memasukkan kode/text anda

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:

Text Area

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: center;"><br /> <textarea name="txt" style="height: 30px; padding: 3px; width: 200px;"> &lt;form name="copy"&gt;&lt;div align="center"&gt;&lt;input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/&gt;&lt;/div&gt;&lt;p style="text-align: center;"&gt;&lt;textarea style="padding: 3px; width:200px; height:200px;" name="txt"&gt; disini tempat memasukkan kode / text anda&lt;/textarea&gt;&lt;/p&gt;&lt;/form&gt; &lt;br /&gt; </textarea></div><br /> </form><br />

2. Textbox Area:
<style<br /> type="text/css"> .codebox{ border: 2px solid #04D43A;<br /> -moz-border-radius-topleft:12px;<br /> -moz-border-radius-topright:12px;<br /> -moz-border-radius-bottomleft:12px;<br /> -moz-border-radius-bottomright:12px;<br /> background:#06CDEB; padding:5px;}<br /> .codebox2{ background:#836E2C; padding:10px } </style><br /> <div class="codebox"> <div class="codebox2"><center><b>KLIK &quot;SELECT ALL&quot; UNTUK MELAKUKAN COPY PASTE</center></b></a></div><br /> <form style="font-family: monospace; font-size: 8pt;"<br /> name="copy"><center><input value="Select All"<br /> onclick="javascript:this.form.txt.focus();this.form.txt.select();"<br /> type="button"/></center><br /> <textarea dir="ltr" cols="200px" name="txt" rows="30px"<br /> style="width: 100%;">disini tempat memasukkan kode / text anda</textarea><br /> </form></div><br />

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.

Si Kecil Pembuat Situs Mirip Facebook

Situs jejaring sosial yang dibuat siswa kelas 1 SMP Alam Bandung, Muhammad Yahya Harlan awalnya hanya untuk syiar Islam ke beberapa rekannya. Tapi pengunjung situs Salingsapa.com kini tersebar di 52 negara.



Yahya sapaan akrab dari Muhammad Yahya Harlan, menerangkan jika dalam pembuatan situsnya itu dia memfokuskan diri setiap hari selama enam bulan, hingga pukul 21.00.


" Saya belajar dari buku ototidak, dan mencoba memasukan beberapa ayat Al Quran yang ada di rumah untuk di-publish ke sesama teman di sekolah saya," ujar Yahya saat diwawancara wartawan didampingi sang ayah Iyan Harlan Jumat di Bandung.


Sejak dipublikasikan seminggu yang lalu, situs salingsapa.com sudah dibuka sekitar 700.000 kali dari seluruh dunia. " Hingga saat ini sudah ada sekitar 700.000 klikers yang membuka salingsapa.com, di mana dalam aktifitasnya para klikers banyak yang menanyakan beberapa tajwid Quran, serta beberapa syiar Islam yang ditayangkan oleh anak saya di salingsapa.com," ujar Iyan Harlan ayah dari Muhammad Yahya Harlan.


Ia berharap setelah adanya kuliah umum yang dihadiri oleh pakar IT dan Rektor ITB Prof Akhmaloka, proses pembuatan software selanjutnya bisa dipatenkan dan diperhatikan oleh pemerintah.


"Kami berterima kasih kepada ITB, dan pemerintah agar upaya mempatenkan software ini bisa dilakukan oleh pihak pemerintah," papar Iyan Harlan.


Yahya yang berusia 11 tahun itu ternyata membutuhkan perjuangan keras dalam membuat situs jejaring sosial salingsapa.com dengan konsep syiar Islam itu. Siswa kelas 1 SMP Alam Bandung ini dalam pembuatan situs salingsapa.com melakukan sejak pulang sekolah pukul 17.00 wib dilanjutkan dengan membuat software salingsapa.com di kampus ITB hingga pukul 21.00 WIB.


"Sekolah saya kan full day, jadi saya membuat software ini hingga pukul 21.00 WIB, untuk menyempurnakannya hingga enam bulan lamanya, " ujar Muhammad Yahya Harlan.


Anak pertama dari tiga bersaudara ini memang mempunyai tabiat yang keras jika mempunyai keinginan. Sang ayah sendiri merupakan pekerja IT di salah satu call center di Jakarta mengatakan bakat anaknya itu terlihat sejak di bangku SD Kelas 6.


"Dia tabiatnya keras sekali, bahkan dalam membuat situs jejaring sosial salingsapa.com ini, sangat antusias karena dia punya obsesi bisa mengalahkan situs jejaring sosial yang marak saat ini seperti Facebook, Twitter dan sebagainya," papar Iyan Harlan.

Hebat, Siswa SMP Indonesia Bikin Pesaing Facebook

Merasa bosan dengan fitur Facebook? Tenang. Siswa SMP Bandung menciptakan situs jejaring sosial dengan tampilan Islami yaitu salingsapa.com.


Di halaman depan, pengguna internet akan disuguhkan gambar Ka’bah serta beberapa tab yaitu halaman depan (home), browse, news feed, blog, video, Al-Qur’an dan Radio Saling Sapa. Secara keseluruhan, tampilan mirip dengan halaman depan Facebook.


Situs yang dibuat oleh Muhammad Yahya Harlan, Siswa kelas 1 SMP Alam Bandung ini, berdasarkan pengamatan INILAH.COM memiliki total hit 711.580. berdasarkan keterangan di situs tersebut, salingsapa.com pertama kali dibuat pada 1 Muharram 1431 (18 Desember 2009).


“Ini menjadi sarana silaturrahmi virtual yang dikembangkan sedemikian rupa sehingga siapa saja bisa menyampaikan informasi, untaian hikmah, petikan hadists dan petikan ayat Al-Qur’an kepada para sahabat dan sanak saudara,” demikian pernyataan di halaman perkenalan salingsapa.com.


Yang menarik, situs ini menggunakan server lokal sehingga bisa diakses dengan cepat.


Situs ini menyediakan fitur Al-Qur’an yang memungkinkan pengguna membaca Al-Qur’an elektronik sambil memanfaatkan jejaring sosial. Selain itu, usia pengguna tidak dibatasi. Berbeda dengan Facebook yang memiliki batas minimum 13 tahun.