Monday 2 February 2009

Membuat Tex Area (3 Macam)



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 :

<p align="center"><textarea name="code" rows="5" cols="20" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p>

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">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly>

Aku Orang yang ganteng,kaya,mobilku banyak,istriku banyak,cantik-cantik,orang pada ngiri ama aku karena aku terlalu tampan!! :)

</textarea></p>
</div>
<p align="left" style="margin-top: 0; margin-bottom: 0">

<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All">

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 :)


Text Area Select Otomatis



Anda pasti pernah khan mengunjungi suatu situs yang memberikan sebuah kode html,seperti kode Adsense,dll.

Ya,kode akan terblok sendiri,hanya dengan menggerakkan mouse diatas bidang kodenya.


Untuk kode dan contohnya lihat disini

Selamat mencoba :)

Baca Juga Yang Ini..

Diposkan oleh di
Label: , , ,