Kode HTML Text Area <p align="center"><textarea name="code" rows="7" cols="22"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
Hasilnya Sebagai contoh :Keterangan : rows="7" dan Cols=22”, menunjukan tinggi dan lebar dari text area, jadi jika menginginkan text area yang tinggi maka silahkan ganti dengan angka yang lebih tinggi sesuai keinginan.
Text Area Plus HighLight Variasi lain dari membuat text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy.
Untuk membuat text area copy kode HTML di bawah :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>
Hasilnya sebagai contoh :
Penjelasan Elemen tombol highlight All :
- <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi tinggal ganti dengan kata left dan kata right sesuai keinginan.
- <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok).
- Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol.
Element text area :
- <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, jika ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
- <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel.
- HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px.
Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila tulisan-tulisan di blog tidak diijinkan untuk di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD>
selamat mencoba !
0 comments:
Posting Komentar