Membuat Seleksi Otomatis (Select all) Pada Tag Blockquote dan Pre

   

      Jumpalagi di indcreate, kaliini saya akan berbagi cara Membuat Seleksi Otomatis (Select all) Pada Tag Blockquote dan Pre.

Contoh seleksi otomatis

      Kegunaannya adalah untuk memudahkan pengunjung dalam memblock text quote atau script yang ada dalam tag blockquote atau pre. Jika kamu ingin menggunakan trik ini pastikan dulu kamu sudah memasang blockquote dalam blog kamu atau Syntax Highlighter, jika blog kamu belum menggunakan Syntax Highlighter, silahkan lihat disini cara memasangnya.

      Dan berikut ini cara Membuat Seleksi Otomatis (Select all) Pada Tag Blockquote dan Pre. 
Seperti biasa masuk ke bagian Template > Edit HTML lalu simpan script dibawah ini diatas code </body>

 <script type="text/javascript">
var pres = document.getElementsByTagName(&quot;pre&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> 

   Script diatas berfungsi untuk seleksi otomatis dalam blockquote, jika kamu ingin menggunakannya dalam Pre tag silahkan ubah kata blockquote dalam script menjadi pre. Dan script diatas akan berfungsi jika pengunjung melakukan double klik di dalam tag blockquote, Jika kamu ingin mengubahnya menjadi satu klik silahkan ubah kata dblclick dalam script menjadi click.

     Ok sekian post kali ini semoga bisa berman faat, JIka kamu pengen memasang screensaver menggunakan css di blog silahkan masuk kesini.

sumber: http://blog.kangismet.net/