Membuat Seleksi Otomatis Pada Tag Blockquote
0 views
Membuat Seleksi Otomatis Pada Tag Blockquote - Bagi sahabat yang suka berbagi tutorial, biasanya membagikan kode-kode yang suka dicopy. Standarnya penggunaan kode itu pada tag 
Untuk mempermudah mengcopy code yang dibagikan, sebaiknya menggunakan seleksi otomatis. Artinya, dengan hanya mengklik atau klik ganda (double click) kode tersebut akan terseleksi semua, tinggal melakukan Ctrl+C atau klik kanan kemudian Copy.
Sebagai contoh penerapan seleksi otomatis ini, saya gunakan pada kode yang saya bagikan, sobat tinggal klik ganda, maka semua kode akan terseleksi. Saya menggunakan tag
Seperti saya jelaskan sebelumnya, script di atas berlaku untuk tag apapun, apabila sobat ingin menerapkan untuk tag
Pada script di atas, saya menggunakan klik ganda (double click) untuk menerapkan satu kali klik langsung terseleksi, sobat tinggal mengganti
Semoga bermanfaat...
code
atau tag pre
. Akan tetapi setelah saya mengunjungi blog sahabat, tidak sedikit menggunakan blockquote
untuk berbagi kode.
Untuk mempermudah mengcopy code yang dibagikan, sebaiknya menggunakan seleksi otomatis. Artinya, dengan hanya mengklik atau klik ganda (double click) kode tersebut akan terseleksi semua, tinggal melakukan Ctrl+C atau klik kanan kemudian Copy.

Sebagai contoh penerapan seleksi otomatis ini, saya gunakan pada kode yang saya bagikan, sobat tinggal klik ganda, maka semua kode akan terseleksi. Saya menggunakan tag
pre
untuk semua kode yang saya bagikan. Bagi sobat yang menggunakan tag blockquote
, untuk menerapkan seleksi otomatis ini, simpan kode dibawah ini sebelum </body>
<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
Sebetulnya script di atas tidak mutlak untuk tag blockquote
, karena selektornya berupa blockquote
maka hanya berlaku untuk tag blockquote
.Editing Script
Seperti saya jelaskan sebelumnya, script di atas berlaku untuk tag apapun, apabila sobat ingin menerapkan untuk tag
pre
, maka ganti blockquote
pada baris ke 2, menjadi pre
.Pada script di atas, saya menggunakan klik ganda (double click) untuk menerapkan satu kali klik langsung terseleksi, sobat tinggal mengganti
dblclick
menjadi click
.Semoga bermanfaat...
108 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
*NICE INFONYA" :)
$(function() {
$('pre,code,blockquote').attr('title', 'Klik untuk menyeleksi semua kode!').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);
}
});
});
udah coba-coba ga jadi-jadi....
Hatur thankyu kang :)
keren Nih Tipsnya...
Langsung coba ahk..
http://maverickzetta.blogspot.com/2013/07/cheat-line-garis-8-ball-pool.html
Gimana cara pasang Tag kondisional buat widget Followers kang?
Soalnya di blog saya itu gak ngaruh tiap kali saya pasang tag kondisional pada widget Followers. udh saya pake display:none pada CSS juga gak ngaruh. tetap aja nongol di Homepage.
Tapi kalo buat Widget lain bisa kang.
aneh -_-
Tolong solusinya kang :D
Hidden Magsudnya Gimana.. ??
Itu Yang Titik" Item Ingilanginnya Gimana... Help !!
[img]http://2.bp.blogspot.com/-vAhVm9WibCk/UfIxXKuF0KI/AAAAAAAAAlg/Nr6AwCGgfv8/s1600/Help+Master.png[/img]
cssmu di hidden atau apa? :)
biasanya kalo di hidden/d encrypt jadi gitu :O
tanya ke kang ismet aja untuk lebih jelas ._.
aha-blogs.blogspot.com hadir memberi info blog |o|
saya sudah coba kok malah ngga mau jalan ya kang ._.
solusi donk? ._.
Ijin save dulu kodenya, lain kali mungkin butuh. :D
Pengen pasang syntax highlighter tapi rada bimbang, karena jarang share tutorial dan semacamnya. :D
Ini yang akan menjadi inspirasi tulisan saya tentang desainer template terbaik :D
akhirnya ketemu disini... :D
Nuhun Kang :)
biasa kang kalau udah tue ya pengennya yg cepet-cepet aja hehe
belum ngerti simkuring sama yang bepor apter ituu !!! -____-
maklum newbie :D
Mohon bantuannya kang.. :)