Sunday, December 16, 2012

Mendapatkan Node Komentar HTML dengan jQuery

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:

Labels: , , ,

7 Comments:

At Sunday, December 16, 2012 at 10:40:00 PM GMT+7, Blogger MUX SPARROW said...

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

 
At Monday, December 17, 2012 at 6:50:00 AM GMT+7, Blogger IRIL SAGITA said...

Ini cuma bantu jawab.

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

kemungkinan gitu kak.

 
At Monday, December 17, 2012 at 8:55:00 PM GMT+7, Blogger Beben Koben said...

2x gawe bos :D

 
At Monday, December 17, 2012 at 10:01:00 PM GMT+7, Blogger Unknown said...

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

 
At Saturday, December 22, 2012 at 12:35:00 PM GMT+7, Anonymous Anonymous said...

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 , ^_^

 
At Wednesday, January 30, 2013 at 8:11:00 PM GMT+7, Blogger Cyserrex said...

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 :)

 
At Wednesday, January 30, 2013 at 8:17:00 PM GMT+7, Blogger Taufik Nurrohman said...

Oper ke sini ⇒ /2012/09/menandai-komentar-admin-pada-thread.html

 

Post a Comment

<< Home