JavaScript Sistem Klik Dan Hover Pada Text Area - Text Area merupakan media tempat untuk menyisipkan atau menyimpan serangkaian kode-kode HTML dalam bentuk perintah teks, sehingga saat Anda hendak menuliskan serangkaian beberapa perintah kode dalam bentuk HTML pada postingan, maka jika dalam text area kode tersebut akan menjadi tulisan dalam bentuk format teks biasa.
Sebagai contoh -
Sekarang coba Anda tuliskan bentuk serangkaian kode diatas dalam mode HTML pada postingan Anda, lalu lihat format tulisan Anda dalam mode COMPOSE, maka semua serangkaian kode HTML diatas tidak akan ditampilkan di postingan Anda. Namun jika Anda menyimpannya dalam text area, maka semua kode tersebut akan ditampilkan dalam bentuk format tulisan biasa. Untuk fungsi kode-kode perintah pada text area, dipertemuan sebelumnya saya sudah pernah membahas tentang Cara Membuat Format Tulisan Dengan Text Area. Postingan kali ini saya akan berbagi tentang perintah JavaScript Dengan Sistem Klik Dan Hover Pada Text Area.
DEMO SHOW
SISTEM KLIK
Text area dengan sistem ini untuk memudahkan pengunjung saat akan meng-copy keseluruhan teks tulisan dalam wilayah text area dengan sistem KLIK, singkatnya format block tulisan akan digantikan dengan perintah klik (klik tulisan, maka keseluruhan tulisan akan ter-block), sehingga kita tidak ragu/takut lagi jika kemingkinan ada beberapa teks yang tertinggal saat di block
SISTEM HOVER
Fungsi pada sistem ini bekerja dengan perintah HOVER MOUSE, jika pada sistem yang pertama mem-block teks dengan perintah KLIK, pada sistem ini dengan perintah hover, cukup mengarahkan PANAH MOUSE pada wilayah text area, maka seluruh tulisan akan ter-block
Pada dasarnya penggunaan text area seperti ini hanya berlaku jika blog Anda membahas postingan tentang kode-kode perintah seperti HTML, CSS, JavaScript, jQuery dan lainya sebagainya, namun jika postingan di blog Anda dominan share tentang tulisan cerita atau sekedar informasi dan hal-hal menarik lainnya, Anda boleh memperindah postingan anda dengan Membuat Panel Slide Untuk Menyimpan Text.
Akhir kata saya ucapkan Terimakasih dan semoga inspirasi ini dapat memberikan ilmu tambahan buat rekan-rekan semua pecinta SAHABAT BLOGGER 77. And next time saya akan memberikan cerita-cerita menarik di lain kesempatan.
Sebagai contoh -
<div class="sahabatblogger77">
<div class="sb77-textarea-format" id="media-text">
<h3>
<p style="text-align:center;padding:10px 8px;color:#ccc;">
Tutorial cara meng-aktifkan fungsi onclick dan onfocus-hover pada textarea dengan sistem perintah javaScript
</p>
</h3>
</div>
</div>
<div class="sb77-textarea-format" id="media-text">
<h3>
<p style="text-align:center;padding:10px 8px;color:#ccc;">
Tutorial cara meng-aktifkan fungsi onclick dan onfocus-hover pada textarea dengan sistem perintah javaScript
</p>
</h3>
</div>
</div>
Sekarang coba Anda tuliskan bentuk serangkaian kode diatas dalam mode HTML pada postingan Anda, lalu lihat format tulisan Anda dalam mode COMPOSE, maka semua serangkaian kode HTML diatas tidak akan ditampilkan di postingan Anda. Namun jika Anda menyimpannya dalam text area, maka semua kode tersebut akan ditampilkan dalam bentuk format tulisan biasa. Untuk fungsi kode-kode perintah pada text area, dipertemuan sebelumnya saya sudah pernah membahas tentang Cara Membuat Format Tulisan Dengan Text Area. Postingan kali ini saya akan berbagi tentang perintah JavaScript Dengan Sistem Klik Dan Hover Pada Text Area.
SISTEM KLIK
Text area dengan sistem ini untuk memudahkan pengunjung saat akan meng-copy keseluruhan teks tulisan dalam wilayah text area dengan sistem KLIK, singkatnya format block tulisan akan digantikan dengan perintah klik (klik tulisan, maka keseluruhan tulisan akan ter-block), sehingga kita tidak ragu/takut lagi jika kemingkinan ada beberapa teks yang tertinggal saat di block
<textarea rows="5" cols="35" onclick="javascript:this.focus();this.select();" readonly="readonly">
...Tulis Teks Anda Disini...
</textarea>
SISTEM HOVER
Fungsi pada sistem ini bekerja dengan perintah HOVER MOUSE, jika pada sistem yang pertama mem-block teks dengan perintah KLIK, pada sistem ini dengan perintah hover, cukup mengarahkan PANAH MOUSE pada wilayah text area, maka seluruh tulisan akan ter-block
<textarea rows="5" cols="35" onmouseover="javascript:this.focus();this.select();" readonly="readonly">
...Tulis Teks Anda Disini...
</textarea>
Pada dasarnya penggunaan text area seperti ini hanya berlaku jika blog Anda membahas postingan tentang kode-kode perintah seperti HTML, CSS, JavaScript, jQuery dan lainya sebagainya, namun jika postingan di blog Anda dominan share tentang tulisan cerita atau sekedar informasi dan hal-hal menarik lainnya, Anda boleh memperindah postingan anda dengan Membuat Panel Slide Untuk Menyimpan Text.
Akhir kata saya ucapkan Terimakasih dan semoga inspirasi ini dapat memberikan ilmu tambahan buat rekan-rekan semua pecinta SAHABAT BLOGGER 77. And next time saya akan memberikan cerita-cerita menarik di lain kesempatan.
Demikian artikel tentang JavaScript Sistem Klik Dan Hover Pada Text Area ini dapat kami sampaikan, semoga artikel atau info tentang JavaScript Sistem Klik Dan Hover Pada Text Area ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
