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: HTML, JavaScript, jQuery, Potongan
7 Comments:
haduh..kok gak paham ya maxoodnya.. :p
By MUX SPARROW, at Sunday, December 16, 2012 at 10:40:00 PM GMT+7
Ini cuma bantu jawab.
maksutnya dari script ini adalah = menunda membuka conten sebelum button di klik.
kemungkinan gitu kak.
By IRIL SAGITA, at Monday, December 17, 2012 at 6:50:00 AM GMT+7
2x gawe bos :D
By Beben Koben, at Monday, December 17, 2012 at 8:55:00 PM GMT+7
kalo menurutku itu bukan menunda fungsinya, tp memuat isi dari komentar kemudian ditampilakn pada tempat lain.
By Unknown, at Monday, December 17, 2012 at 10:01:00 PM GMT+7
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 , ^_^
By Anonymous, at Saturday, December 22, 2012 at 12:35:00 PM GMT+7
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 :)
By Cyserrex, at Wednesday, January 30, 2013 at 8:11:00 PM GMT+7
Oper ke sini ⇒ /2012/09/menandai-komentar-admin-pada-thread.html
By Taufik Nurrohman, at Wednesday, January 30, 2013 at 8:17:00 PM GMT+7
Post a Comment
<< Home