Mendapatkan Node Komentar HTML dengan jQuery

Tabel Konten
  1. Demo: 

Kode ini memungkinkan kita untuk mengambil node komentar HTML yang kemudian bisa kita gunakan sebagai elemen HTML biasa. Sehingga jika komentar HTML adalah berupa elemen HTML yang mengandung permintaan HTTP, maka kita bisa memuat elemen tersebut secara tidak langsung dengan cara menuliskannya sebagai komentar HTML terlebih dahulu:

$('#fake-elem-container').contents().filter(function() {
    return this.nodeType == 8;
}).each(function(i, e) {
    $('#container').html(e.nodeValue);
});

#fake-elem-container adalah elemen yang akan dijadikan sebagai penampung komentar HTML, sedangkan #container akan menjadi penampung node komentar yang sudah berubah menjadi elemen HTML:

<div id="fake-elem-container">
    <!-- <img alt="" src="gambar.jpg"> -->
</div>

<div id="container"></div>

Jika berhasil diterapkan, maka #container akan memuat gambar yang dibentuk dari komentar HTML di dalam elemen #fake-elem-container

Demo: 

7 Komentar

  • MUX SPARROW

    haduh..kok gak paham ya maxoodnya.. :p

    • IRIL SAGITA

      Ini cuma bantu jawab.

      maksutnya dari script ini adalah = menunda membuka conten sebelum button di klik.

      kemungkinan gitu kak.

      • Unknown

        kalo menurutku itu bukan menunda fungsinya, tp memuat isi dari komentar kemudian ditampilakn pada tempat lain.

  • Beben Koben

    2x gawe bos :D

  • Anonim

    mas kalo kalo menerapkan ini di fotter toggle gimana mas ,
    terkadang pengikut blog saya tidak tampil ketika blog di muat ,

    Example : theoryrizky.blogspot.com
    Semoga mengerti ,
    Terima kasih ,
    assalamualaikum , ^_^

  • Cyserrex

    Mas, mau tanya nih
    Higlight komentar Author/Admin itu dengan JQuery dan Script:

    $(function() {
    function highlight(){
    $('.user.blog-author,.ssyby').closest('.comment-block')
    .css('border', '1px solid #e1e1e1')
    .css('background','#3D3D3D url("http://www/icon.png") no-repeat bottom right')
    .css('padding', '10px');
    }
    $(document).bind('ready scroll click', highlight);
    });
    

    Nah, bagaimana ya mas kalo higlight form komentar dari visitor?
    Sedikit cuma menerka mas. Apakah user.blog-author itu yang akan diganti? Disini yang saya bingung mas mau ganti apa. hehe..
    Mohon jawaban/pencerahannya mas. Terima kasih sebelumnya :)

Komentar telah ditutup.