Membuat Seleksi Otomatis pada Tag Pre dan Tag Blockquote

Membuat Seleksi Otomatis pada Tag Pre dan Tag Blockquote

Membuat Seleksi Otomatis pada Tag Pre dan Tag Blockquote - Untuk mempermudah dalam membagikan tutorial dengan kode-kode script anda bisa menggunakan syntax highlighter,bagi anda yang belum memasangnya silahkan baca tutorial sebelumnya tentang Memasang Syntax Highlighter pada blogger.

Pada kesempatan kali ini saya hanya akan membagikan bagaimana cara menyeleksi kode yang ada di dalamnya. Selain menggunakan Tag Pre dalam membagikan kode-kode tersebut anda juga bisa menggunakan Tag Blockquote,sebagai contoh bisa anda lihat pada gambar diatas.

Untuk membuatnya silahkan simpan kode JavaScript di ini ini diats kode  </body>

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Edit Script

Kode diatas berlaku untuk tag apapun apabila anda ingin menggunakan tag pre, maka ganti blockquote yang di garis bawah diatas dengan pre

Untuk menyeleksi kode di atas saya menggunakan dbclick itu artinya ketika diklik ganda maka kode yang ada di dalamnya akan terseleksi otomatis,jika ingin hanya satu klik saja tinggal ganti dbclick dengan click

Semoga penjelasan diatas bisa bermanfaat  :D

Resource: http://blog.kangismet.net/2013/07/membuat-seleksi-otomatis-pada-tag.html