Cara Membuat Click to Select All Highlight

Double click Select All

'Click to Select All' artinya kalau klik area text tersebut, maka semua teks akan di pilih / blok / highlight secara otomatis.

Kurang lebih seperti itulah arti dari 'Click to Select All'. Langsung saja tanpa banyak curhat, lihat tutorial nya.


 Cara Membuat 'Click to Select All' :

=> Login dasbor blogger > Template > HTML
=> Copy + Paste kode dibawah ini, tepat diatas kode </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>

Jika ingin menggunakan tag blockquote maka ganti kode Pre berwarna oranye diatas dengan blockquote.
Dan jika ingin sekali click saja ubah kode dblclick berwarna hijau dengan click

=> Simpan Template > Lihat hasilnya.

Bila ingin ada tulisan "double click" seperti diposting ini maka tambahkan kode Cssnya :

pre::after, pre.line-number:after {content: "Double click select all";
background: #2B2B2B;padding: 2px 10px;width: auto;height: auto;right: 0px;top: 0px;
position: absolute;color:#C9CDD0;}

=> Lihat Hasilnya. Selamat menikmati !!!

Credits:
http://rush-die.blogspot.com/2014/07/cara-membuat-click-to-select-all.html

Judul	Cara Membuat Click to Select All Highlight
Deskripsi	Double click Select All 'Click to Select All' artinya kalau klik area text tersebut, maka semua teks akan di pilih / blok / hi...
Author	Unknown
Author Rating	4/5 Suara Dari 777 Ulasan