- Beranda
- Komunitas
- Tech
- Programmer Forum
[HELP] listing + paging dengan JQUERY + AJAX


TS
tivia_consider
[HELP] listing + paging dengan JQUERY + AJAX
permisi gan....
ane mohon petunjuk nih, ane punya sekumpulan data yg pinginnya ditampilin per 3 data pake AJAX, terus biar si user bisa liat data selanjutnya (data ke-4 dst / page-2 dst) ane kasih tombol previous dan next doang... berikut cuplikan kodenya
nah untuk AJAX-nya berikut kodenya
masalahnya pas tombol next di klik memang data dari AJAX-nya berubah tapi malah gak bisa di previous... setelah ane cek ternyata variabel pagedi script nilainya gak berubah...
mohon pencerahannya gan misal teknik ane salah atau bisa bikin variabel page berubah sesuai kondisinya...
thx
ane mohon petunjuk nih, ane punya sekumpulan data yg pinginnya ditampilin per 3 data pake AJAX, terus biar si user bisa liat data selanjutnya (data ke-4 dst / page-2 dst) ane kasih tombol previous dan next doang... berikut cuplikan kodenya

Code:
<div id="testimoni-parsing">disini diisi data dengan AJAX</div>
<div class='navi_button'>
<div class='navl' id='testimoniprev'><img src='<?=base_url();?>images/navibutton_left_off.png'></div>//tombol previous
<div class='navr' id='testimoninext'><img src='<?=base_url();?>images/navibutton_right_off.png'></div>//tombol next
</div>
nah untuk AJAX-nya berikut kodenya

Code:
[removed]
$(document).ready(function() {
$.ajax({
url: "<?=$page['site_url']?>/testimoni",
type: "POST",
cache: false,
dataType: "html",
success: function(output){
$('#testimoni-parsing').html(output);
},
});
});
[removed]
[removed]
var page=1;
var msg = <?=$msg;?>;
var paging = (msg-(msg%2))/2;
if ((msg%2)>0)
{
paging = paging + 1;
}
[removed](paging);
while (paging > 1)
{
if (page != paging)
{
$('#testimoninext').html("<img src='<?=base_url();?>images/navibutton_right_on.png'>");
$('#testimoninext').click( function() {
$.ajax({
url: "<?=$page['site_url']?>/testimoni/display/"+(page+1),
type: "POST",
cache: false,
dataType: "html",
success: function(output){
$('#testimoni-parsing').html(output);
},
});
page=page+1;
return page;
});
}
if (page > 1)
{
$('#testimoniprev').html("<img src='<?=base_url();?>images/navibutton_left_on.png'>");
$('#testimoniprev').click( function() {
$.ajax({
url: "<?=$page['site_url']?>/testimoni/display/"+(page-1),
type: "POST",
cache: false,
dataType: "html",
success: function(output){
$('#testimoni-parsing').html(output);
},
});
page=page-1;
return page;
});
}
//[removed](page);
break;
}
[removed]
masalahnya pas tombol next di klik memang data dari AJAX-nya berubah tapi malah gak bisa di previous... setelah ane cek ternyata variabel pagedi script nilainya gak berubah...
mohon pencerahannya gan misal teknik ane salah atau bisa bikin variabel page berubah sesuai kondisinya...

thx

0
1K
4


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan