Membuat Selector Otomatis Blockquote Dan Pre - Blockquote dan juga Pre adalah text area yang pada umumnya digunakan untuk meletakkan Script , entah itu Css , JavaScript , jQuery ,atau Mark up HTML . Meskipun pada dasar dan standarnya meletakkan script adalah dengan code atau tag pre , namun tidak sedikit para blogger yang berbagi script dengan menggunakan blockquote .


Tentu hal ini didasarkan pada lebih simpelnya penerapan blockquote yang bisa dilakukan dengan otomatis ketimbang tag pre dan code yang harus menggunakan cara manual melalui Html Editor Post .

Namun sebenarnya saya sendiri sudah membagikan cara memanipulasi blockquote menjadi syntax highlighter dengan tampilan dan fungsionanl tag pre yang bisa anda temukan disini atau Manipulasi blockquote menjadi Syntax Highlighter . Dan untuk tema Highlighter sendiri bisa anda pilih disini .

Dan sekarang kita akan membahas cara membuat selector Otomatis , fungsinya adalah kita hanya perlu double klik ( klik ganda ) untuk menyeleksi semua kata di blockquote . Tinggal 2x klik kemudian ctrl + c untuk mengcopy .

Karena disini kita mengenal ada dua versi pemakaian input Script yakni dengan tag pre dan blockquote , maka script ini juga saya bagi menjadi 2 versi , untuk blockquote dan tag pre .
 Sebagai contoh silahkan klik 2x pada script kode yang saya bagikan dibawah .


Script ini bisa tidak berfungsi saat halaman tidak ter-load dengan sempurna .
Selector Otomatis blockquote


<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>

Selector Otomatis tag pre


<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>

Untuk memasang di blog cukup letakkan script diatas </body> pada template .

Disini masih bisa di edit pada bagian kliknya juga , Script diatas berfungsi seleksi otomatis klik ganda , jika anda ingin jadi seleksi otomatis satu klik tinggal ganti kata dblclick jadi click .

Selanjutnya simpan template .

Danselesai sudah Membuat Selector Otomatis Blockquote Dan Pre di blog .

4 comments

Berikan komentar anda tanpa menyisipkan tautan aktif. Terimakasih