Absen Negara Masuk

free counters

Total Tayangan Halaman

Sabtu, 17 Maret 2012

Membuat Tex Area


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.

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 contohnya lihat di bawah ini :



Ya,khan? ngblok otomatis.
Untuk kodenya kopi paste di bawah ini :

<div>
<form name="PujiantoroStyle">
<p align="left" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 184; height: 120" name="txt" rows="100" cols="55" onmouseover="this.form.txt.select()" readonly ;>
TEXT ANDA DISINI</textarea></p>
</form></div>

selamat mengoprek lah..

Posting Komentar

SETELAH MEMBACA JANGAN LUPA KOMENYA GAN MINIMAL TINGGAL KAN JEJAK...SALAM BLOGER..
IP

<-------------------------------------------------------------------------->