Postingan lainnya

Gimana Cara Buat Pagination Scroll?

Jadi gini, saya punya web yang lagi dikerjakan link-nya https://nolpertama.id tapi saya punya masalah dengan menampilkan postingannya...

Yang ada sekarang semua postingan diload sekaligus... ingin-nya sih saat pertama di load hanya beberapa postingan terbaru saja... dan sisahnya diload setelah ada pemicunya yakni scroll, kayak facebook gitu... mohon pencerahannya dari para master... sekali lagi sangat diharapkan bantuannya...

dan saya mengucapkan terima kasih sebelumnya atas bantuannya... nanti ta kasih coto disetiap jawabannya...

php javascript jquery

@datrosumendong

201 Kontribusi 38 Poin

Diperbarui 6 tahun yang lalu

11 Jawaban:

Jawaban Terpilih

http://codingan.com/memuat-data-saat-menggulir-halaman-dengan-jquery-php-dan-mysql/

silahkan dipelajari dan disesuaikan coto mana coto.. hehe Happy Sharing (^_^)

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

Coto terkirim... hehehehehe... jawaban terbaiknya... kalo udah jadi saya buatnya... hehehehe... tentu dengan mothode yang pas... hehehehe... sukses selalu gan @ciloxz...

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

welcome gan.. sukses juga buat project nya.. :)

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

Thank's gan @ciloxz... documentasi yang agan berikan sangat bermanfaat... demikian hasilnya... sukses selalu... jawaban sudah menjadi jawaban terbaik...

$(window).scroll(function(){
      if ($(window).scrollTop() == $(document).height() - $(window).height()){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        var token = $('.formTrigerCerita').serialize();

        $.ajax({
          type:'post',
          url:'dashboard/partikel/cerita',
          data: token,
          async: true,
          success: function(data){
          $('#allCerita').html(data).slideDown('slow');
        }});
      }
    });

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

Welcome Back,,, @datrosumendong.. (^_^)...

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

Tapi gan @ciloxz... fungsi ni tidak berhasil kalo via mobile... ada solusi gak?

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

Ini solusi yang saya dapat untuk... browser mobile... heheheheh... semakin seru dengan ngoding...

// DESKTOP PAGINATION SCROLL
    $(window).scroll(function(){
      if ($(window).scrollTop() == $(document).height() - $(window).height()){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        var token = $('.formTrigerCerita').serialize();

        $.ajax({
          type:'post',
          url:'dashboard/partikel/cerita',
          data: token,
          async: true,
          success: function(data){
          $('#allCerita').html(data).slideDown('slow');
        }});
      }
    });

    // MOBILE PAGINATION SCROLL
    $(window).on({touchmove : function(){

      if ($(this).scrollTop() == $(document).height() - $(this).height() - 1){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        var token = $('.formTrigerCerita').serialize();

        $.ajax({
          type:'post',
          url:'dashboard/partikel/cerita',
          data: token,
          async: true,
          success: function(data){
          $('#allCerita').html(data).slideDown('slow');
        }});
      }
    }});

tapi sepertinya disini saya melakukan pengulangan... gimana cara menyederhanakannya?

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

pake function gan...nanti masing2 panggil function nya

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

Seperti ini gan????

setTimeout(load_cerita(),10000);
    function load_cerita(){
      var token = $('.formTrigerCerita').serialize();

      $.ajax({
        type:'post',
        url:'dashboard/partikel/cerita',
        data: token,
        async: true,
        beforeSend: function(){
          $('#loader').show();
        },
        complete: function(){
          $('#loader').hide();
        },
        success: function(data){
          $('#allCerita').html(data).slideDown('slow');
        }
      });
    }

    // DESKTOP PAGINATION SCROLL
    $(window).scroll(function(){
      if ($(window).scrollTop() == $(document).height() - $(window).height()){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        setTimeout(load_cerita(), 5000);
      }
    });

    // MOBILE PAGINATION SCROLL
    $(window).on({touchmove : function(){

      if ($(this).scrollTop() == $(document).height() - $(this).height() - 1){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        setTimeout(load_cerita(), 5000);
      }
    }});

tapi kenapa setTimeout-nya gak jalan ya?

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu

lah kog malah pake setTimeout()... maksud saya tadi disederhanakan pake fungsi itu bagian nge load ajax.. kan punya agan 2 kali ketik itu...

@ciloxz

284 Kontribusi 139 Poin

Dipost 6 tahun yang lalu

memanggil fungsi... seperti ini gan?

// DESKTOP PAGINATION SCROLL
    $(window).scroll(function(){
      if ($(window).scrollTop() == $(document).height() - $(window).height()){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        load_cerita();
      }
    });

    // MOBILE PAGINATION SCROLL
    $(window).on({touchmove : function(){

      if ($(this).scrollTop() == $(document).height() - $(this).height() - 1){
        var limit=$('#limit').val();
        limit++;

        $('#limit').val(limit);

        load_cerita();
      }
    }});

@datrosumendong

201 Kontribusi 38 Poin

Dipost 6 tahun yang lalu