Membuat Kolom Teks Area Untuk Kode / Tulisan

Kali ini Intrik akan menuliskan bagaimana membuat teks area, biasanya sering digunakan pada kode penulisan tukar link yaitu untuk menliskan/memasang kode-kode HTML.

Teks area ini juga dapat kita gunakan agar kita dapat mengefisienkan halaman dalam hal ini kita dapat menghemat halaman, dari pada berbelit belit lihat contohnya dibawah ini::

nah kolom inilah yang saya maksud dari tadi, mungkin ada yang bingung dengan penjelasan saya, jadi saya minta maaf ya.

nah mau tau caranya???
simaklah penuturan tim intrik berikut ini:::

Untuk membuatnya sangatlah mudah, tinggal copy/paste saja kode dibawah ini :

<p align="center"><textarea name="code" rows="3" cols="20">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area. Dapat berupa kode HTML dan teks lainya.</textarea></p>

Ketrangan :

1. Rows="3", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka (3) dengan angka yang lebih tinggi.
2. Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka (20) tadi dengan angka yang lebih tinggi.

Ada satu lagi jenis teks area, yaitu dengan menggunakan HIGHLIGHT mau tau??? seperti dibawah ini contohnya:::

nah kolom inilah yang saya maksud dari tadi, mungkin ada yang bingung dengan penjelasan saya, jadi saya minta maaf ya. silahkan lihat Tutorial INTRIK-GO yang lain, semoga bermanfaat

Untuk membuatnya, Copas kode dibawah ini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 250px; height: 80px;" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulisan di sini adalah teks yang akan ditampilkan dalam teks area (seperti kode tukar link). Dapat berupa kode HTML dan teks lainya.</textarea></p></form></div>

* keterangan kode:::

1. <div align="center"> -> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left dan sebaliknya.
2. <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 (ditandai atau di blok).
3. Value="Highlight All" -> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.
4. <p align="center"> -> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left dan sebaliknya.
5. <text style="WIDTH: 250px"> ->kata "WIDTH:250px" menunjukan lebar dari text area tersebut sebanyak 250 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan.
6. HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan.

Contoh text area yang memakai tombol highlight diatas, memuat script untuk melindungi dari right click para pengunjung. script ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung.

Nah, silahkan mencobanya, semoga bermanfaat, N good luck.