Text Area Anti Edit

Kita sudah pernah membahas tentang text area dan text area dengan tombol highlight. Semua punya kekurangan dan kelebihan.

Ada satu yang menjadi kekurangan kedua trik text area diatas, yaitu kalimat didalam text area bisa dengan/tanpa sengaja teredit. Nah, trik blog satu ini akan membahas bagaimana membuat text area anti edit, dengan kata lain kalimat didalam text area tidak bisa di edit.

Bagaimana cara membuat text area anti edit?


Pertama, supaya lebih jelas, Ayas kasi contoh nya.

Contoh text area (biasa)

Kalimat, teks, yang ada berada didalam teks area

Coba edit kalimat yang ada didalam teks area. Masih bisa dihapus / ditambahkan.

Lalu bandingkan dengan yang satu ini:

Text area anti edit, tidak bisa diedit

Kalimat, teks, yang ada berada didalam teks area

Bisa dipastikan, kalimat dalam text area diatas tidak bisa diedit.

Bagaimana cara membuat text area anti edit seperti diatas?

Mudah dan simple sekali caranya. hanya dengan menambahkan kode

readonly="readonly"

pada kode text area. Tepatnya seperti ini :

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" readonly="readonly">Kalimat, teks, yang ada berada didalam teks area</textarea></div></form></div></center>

Silahkan ganti kalimat warna merah dengan kalimat Sodara.

Sangat simple dan mudah, tapi manfaatnya besar sekali. Dengan trik blog text area anti edit, text area yang tidak bisa teredit ini, dapat menghindari adanya kesalahan kode yang dicopy akibat tidak sengaja ter edit.

Segitu aja y hari ini..capek nih.. Happy blogging...

*Jangan lupa baca juga tentang Wisata SEO Sadau, dan dukungannya..hihihi...

Text Area dengan Tombol Highlight

Kita sudah pernah membahas tentang pengertian, fungsi dan cara membuat text area disini.

Dengan penggunaan Text Area seperti itu, mempunyai kelemahan, yaitu pengunjung yang ingin mendapatkan kode didalam text area harus men-dark atau memblok secara manual.

Tidak masalah sebenarnya, tetapi akan sedikit menyulitkan jika text area kita sempit/kecil.

Nah, sekarang Ayas mau kasi trik bagaimana membuat text area dengan tombol highlight di atas nya, sehingga jika orang ingin memblok kode, tinggal klik tombol tersebut, sudah terblok kode2 tersebut, sehingga tinggal copy aja.

Gimana cara membuat text area dengan tombol highlight, yuk kita coba bareng.


Pertama, tentu Sodara dah punya kode untuk gambar Sodara. Contoh gambar ini :



Mempunyai kode :

<img src="http://i39.tinypic.com/2a8qioz.jpg" />

Untuk membuat text area dengan tombol Highlight, gunakan kode seperti ini :

<center><a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a>
<div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" ><a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a></textarea></div></form></div></center>

Maka akan menghasilkan :

<a href="http://blog-howtotricks.blogspot.com/" target="_blank"><img src="http://i39.tinypic.com/2a8qioz.jpg" /></a>

Silahkan ganti text berwarna merah dengan url blog Sodara, dan yang berwarna biru dengan url gambar Sodara.

Selamat mencoba..