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

Kumpulan tutorial dan artikel seputar teknologi

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

10 Years Ago

   
      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/

Related Post:
  • Tutorial Cara Mengconvert atau Mengencod Video
         Tutorial Cara Mengconvert atau Mengencod Video - Jumpalagi kali ini ane mau share Tutorial Cara Mengconvert atau Mengencod Video, karena di indonesia banyak fansub dan buat agan yang pengen mengencod bisa menjadikan tutorial ini sebagai...
  • Mengatasi Gambar Pecah/Buram di Homepage Blog
    Konten yang bisa menjadi daya tarik dari sebuah blog salah satunya adalah gambar. Karena biasanya setiap pengunjung akan tertarik untuk melihat thumbnail atau gambar postingan yang menarik dan bagus. Tapi bagaimana dengan gambar yang buram? tentusaja...
  • SEO vs Konten Lebih penting yang Mana?
            Belakangan ini teman saya sering mengobrolkan masalah seo dengan saya jadi pada kesempatan kali ini saya akan membahas tentang jeng jeng "seo dan konten". Sebelumnya udah tau kan apa itu seo? kalo belum tau baca dulu pengertian seo...
- Hide Comments

Artikel Rekomendasi

  • Mengatasi Gambar Pecah/Buram di Homepage Blog
    Konten yang bisa menjadi daya tarik dari sebuah blog salah satunya adalah gambar. Karena biasanya setiap pengunjung akan tertarik untuk melihat thumbnail atau gambar postingan yang menarik dan bagus. Tapi bagaimana dengan gambar yang buram? tentusaja...

Related Post

Powered by Blogger.
Copyright © 2017 Ciskulnet All Rights Reserved - Template by Djasnote
^