Membuat textarea dengan Highlight (Tandai semua)

Tutorial sederhana, textarea highlight atau tandai semua, ini adalah efek dari elemen form dan javascript yang menggunakan opsi atribut onclick.

Mari kita simak tutorialnya dibawah ini.


Silahkan test dengan kursor komputer Anda dan klik Tandai Semua

Cobalah sendiri, ini adalah hasil dari contoh

Salin dan tampalkan diatas penutup </head>
<style type="text/css"> .tengah { text-align:center; } /******* Tampalkan CSS ini diatas penutup head *********/ .tombol { font-family: Arial; border: 3px #cccccc outset; font-size:14px; font-style: normal; /********* Copyright (c) 2011 WWW.ARIT.TK - TULUNGAGUNG *********/ padding: 1px 14px 1px 14px; color: #000000; } .teks { font-family: Arial; width: 90%; max-width: 450px; height: 120px; padding: 4px; font-size:11px; text-align: left; } </style><script LANGUAGE="JavaScript"> /*** Tampalkan diatas penutup head ***/ <!-- mulai function copyit(theField) /******* Copyright (c) 2011 WWW.ARIT.TK - TULUNGAGUNG *******/ { var tempval=eval("document."+theField) tempval.focus() tempval.select() therange=tempval.createTextRange() therange.execCommand("Copy") } // habis --> </script>



Salin dan gunakan kode dibawah ini untuk memulai
<table><tr><td><form name="it" class="tengah"><input onclick="copyit('it.select1')" type="button" value="Tandai semua" name="cpy" class="tombol"><textarea name="select1" class="teks">Cobalah sendiri, ini adalah hasil dari contoh</textarea></form></td></tr></table>

Cara mudah menemukan Tutorial Website lainnya sangatlah mudah melalui label Postingan. Belajar bersama. Arit Nuansa Pagi