Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre

Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre - Bagi ente yang suka berbagi tutorial blogspot biasanya ente membagikan kode-kode yang dicopy. Untuk Memudahkan pengunjung blog ente dalam peng-copy-an, diperlukan menggunakan seleksi otomatis dengan hanya klik atau klik ganda dengan cara itu kode yang ente berikan akan terseleksi semua sehingga tinggal Pencet pada Keyboard CTRL + C atau klik kanan lalu pilih Copy.

Berikut :
seperti biasa Login > Dashboard > Template > Edit HTML > Cari kode </body>
lalu taruh kode dibawah ini tepat diatas kode tersebut.

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

itu bagi ente yang suka bagi kode menggunakan Blockquote. kalau bagi ente yang suka bagi kode menggunakan tag <pre><code>, copy kode ini :

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

NOTE :

Kedua script diatas memakai click(Sekali Klik)  kalau ente ingin Double Klik/Klik Ganda, ganti kode click dengan dblclick atau tambahkan kode dbl-nya saja.

Kalau ada yang ingin ditanyakan silahkan hubungi admin di :

Facebook : /khaleed.ibnalwaled

Twitter : /AHA_Khalid

Atau hubungi melalui komentar di postingan ini !

Silahkan Kunjungi Artikel yang lain : Membuat Syntax Highlighter

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