menampilkan html element realtime, menampilkan html element realtime, Archivescode
menampilkan html element realtime

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

  1. pertama dia akan menghapus html di .div_new .content
  2. kemudian dia akan menganti html di .div_new dengan html baru di .div_1
  3. 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.

Leave a Reply