menampilkan html element realtime
Pada zaman dahulu kala para programer html kesulitan dalam menampilkan html element realtime artinya jika html itu di ubah dengan ajax / jquery mana html yang lain tidak berubah
misal seperti ini. kita menampilkan tombol beli di sticky footer maka ketika tombol asli nya di ubah dengan ajax maka data di footer sticky tidak berubah.
bagaimana cara mengatasi hal tersebut?
para programer pun berdikusi dengan hebat nya kemudian datang lah pahlawan kita jquery
kode jquery nya adalah :
$('.div_1').bind("DOMSubtreeModified",function(){
$('.div_new .content').remove();
$('.div_new').html($(this).html());
});
penjelasan nya adalah ketika class .div_1 ada perubahan data apapun di dalam nya maka
- pertama dia akan menghapus html di .div_new .content
- kemudian dia akan menganti html di .div_new dengan html baru di .div_1
- dengan satu syarat bahwa di dalam .div_1 ada class .cotent
dan akhir nya para programer pun dapat memecahkan masalah realtime view html dengan success
selamat mengerjakan semoga dapat membantu.
