Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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...
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 (^_^)
Coto terkirim... hehehehehe... jawaban terbaiknya... kalo udah jadi saya buatnya... hehehehe... tentu dengan mothode yang pas... hehehehe... sukses selalu gan @ciloxz...
welcome gan.. sukses juga buat project nya.. :)
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');
}});
}
});
Welcome Back,,, @datrosumendong.. (^_^)...
Tapi gan @ciloxz... fungsi ni tidak berhasil kalo via mobile... ada solusi gak?
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?
pake function gan...nanti masing2 panggil function nya
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?
lah kog malah pake setTimeout()... maksud saya tadi disederhanakan pake fungsi itu bagian nge load ajax.. kan punya agan 2 kali ketik itu...
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();
}
}});