Auto Highlight Teks di dalam Tag PRE dengan JQuery

Auto Highlight Text Inside Pre with JQuery

Sebenarnya ini tidak mutlak pada elemen <pre>. Hanya karena selektornya saja yang berupa $('pre') jadi fungsi seleksi otomatis ini diberlakukan untuk elemen <pre>:

$(function() {
$('pre').click(function() {
var refNode = $(this)[0];
if($.browser.msie) {
var range = document.body.createTextRange();
range.moveToElementText(refNode);
range.select();
} else if($.browser.mozilla || $.browser.opera) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(refNode);
selection.removeAllRanges();
selection.addRange(range);
} else if($.browser.safari) {
var selection = window.getSelection();
selection.setBaseAndExtent(refNode, 0, refNode, 1);
}
});
});

cara memasang:

  • masuk akun blog anda ==>> klik menu “Template” ==>> “Edit Html” ==>> cari kode “</head>” (cara mudah: klik “ctrl+f” dan ketik kode yang anda cari) ==>Tulis kode”<script type=’text/javascript’>  </script>” ==>> Paste kode yang anda copy tadi di antara tag “<script type=’text/javascript’>” dan “</script>” ==>> simpan template dan selesai……!!
  •  cara lainnya masuk akun blog anda ==>> klik “Tata Letak” ==>> “Tambah Gadget” ==>> pilih “Text/Javascript” ==>> Tulis kode”<script type=’text/javascript’>  </script>” ==>> Paste kode yang anda copy tadi di antara tag “<script type=’text/javascript’>” dan “</script>” ==>> simpan dan selesai……!!!

Selamat mencoba…..!!!

Pos ini dipublikasikan di blog tutorial. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s