Kali ini saya akan sharing tentang bagaimana cara membuat kotak texarea highlight select all otomatis pada saat kotak itu di klik. Sebagaimana kita ketahui bahwa kotak text area ini adalah merupakan sarana penting bagi kelengkapan suatu blog/website terutama bagi blog/website yang selalu sharing kode-kode HTML kepada pengunjung setianya. Di sini saya akan sharing sedikit bagaimana cara membuat kotak texarea yang lebih mudah bagi pengunjung blog/website untuk mengcopy paste kode-kode si dalamnya, pengunjung hanya tinggal mengklik pada kotak tersebut maka akan terjadi highlight secara otomatis dan tinggal mengcopy pastenya saja. Mari kita lihat contoh di bawah ini :
Secara Manual :
Secara Otomatis :
Silahkan sobat klik pada kotak pertama dan apa yang terjadi kemudian klik pada kotak yang ke dua dan apa yang terjadi.
Kode textarea pada kotak pertama :
<textarea cols="55" rows="100" style="height: 100px; width: 150px;" readonly="readonly" wrap="VIRTUAL"><a href="http://online-service-yangkutahu.blogspot.com/">Membuat Texarea Higlight Select All Otomatis</a></textarea>Kode textarea pada kotak ke dua :
<textarea cols="55" name="txt" onclick="this.focus(); this.select();" readonly="readonly" rows="100" style="height: 100px; width: 150px;" wrap="VIRTUAL"><a href="http://online-service-yangkutahu.blogspot.com/">Membuat Texarea Higlight Select All Otomatis</a></textarea>Ternyata perbedaanya hanya pada kode onclick="this.focus(); this.select();"
Semoga bermanfaat !
ConversionConversion EmoticonEmoticon