Senin, 13 Februari 2012

Tips dan Trik Membuat Teks Area

Ditulis oleh : Unknown di 01.00 | Senin, 13 Februari 2012 | 0 komentar
Label:

Text Area Biasa

Biasanya text area di gunakan untuk menyimpan kode-kode Html/Javascript ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<div align="center">
<textarea cols="20" name="code" readonly="" rows="6">Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online| </textarea></div>

Keterangan :
rows="6", menunjukan tinggi dari text area.
Cols="20", menunjukan lebar dari text area.



Hasilnya akan seperti di bawah ini :



Text Area Dengan Memakai HighLight /Select

Highlight atau Select All,yaitu dimana saat kita tekan tombol Select All,maka kode dalam text area akan otomatis terblok semua.

Untuk kodenya,copy paste di bawah ini :

<div>
<form name="Select All code">
<div align="left" style="margin-bottom: 0; margin-top: 0;">
<textarea cols="20" name="txt" readonly="" rows="100" style="height: 120; width: 184;" wrap="VIRTUAL">Blog Pribadi Abu Iram Al-Atsary Catatan Tentang : |Aqidah|Fiqih|Akhlaq|Fatwa|Hadits|Tafsir|Ilmu Hadits|Keluarga|Sejarah Nabi Dan Ulama|Kajian Kitab|Tutorial Blog dan SEO|Ebook|Free Download|Mp3|Bedah kitab|software|Dunia Remaja|Majmu Fatawa|Fatwa|Keyboard Arabic|Widget|Kitab Tauhid|Artikel Lepas |Kitab Arabic Online| </textarea></div>
</form>
</div>
<div align="left" style="margin-bottom: 0; margin-top: 0;">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All/Pilih semua" />


Contoh hasilnya :




Yang berperan penting untuk highlightnya sebenarnya hanya pada kode

<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()">

jadi,jangan sampai dirubah ya

Ditulis Oleh : Unknown ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Tips dan Trik Membuat Teks Area - Artikel ini diposting oleh Unknown pada hari Senin, 13 Februari 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

Langganan: Posting Komentar (Atom)
 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com