무한스크롤 기능 구현

1. list.php : 스킨/list.skin.php 에 맨 하단에 추가

$(".pageListArea .tbl_head01").append(data); <- 추가될 위치 지정



2. read.page.php : 스킨/read.page.php 파일 추가

여기서는 추가될 형식에 맞춰서 html 수정을 보셔야 합니다.


[주의사항] wr_id 값이 작은 것들을 가져오고 있습니다.

정렬 순서는 잘 맞추서 수정하세요.



list.php

================================
$last_wr_id :
for 문에서 $last_wr_id = $list[$i]["wr_id"]; <-- 이 부분을 넣어주셔야 합니다.


<script>

var page = 2;
var last_wr_id = <?php echo $last_wr_id; ?>;

$(window).scroll(function () {

if ($(window).scrollTop() == $(document).height() - $(window).height()) {

$.post("<?php echo $board_skin_url;?>/read.page.php", {bo_table:"<?=$bo_table;?>", page:page, last_wr_id:last_wr_id}, function (data) {
//$(".pageListArea .tbl_head01").append("<div style='height:500px;'>추가된 페이지</div>");
$(".pageListArea .tbl_head01").append(data);

page++;
});

}
});
</script>

=============================================





read.page.php

=============================================

<?php

include_once('../../../../../../common.php');

$bo_table = $_POST["bo_table"];
$page = $_POST["page"];
$last_wr_id = $_POST["last_wr_id"];
if (!$bo_table || !$page) exit;


$readTable = "g5_jejubbs_write_" . $bo_table;

$sql = " select * from {$readTable} where wr_id < " . $last_wr_id . " order by " . $board["bo_sort_field"] . " limit 0, 20 ";
$result = sql_query($sql);

while ($row = sql_fetch_array($result)) {
$last_wr_id = $row["wr_id"];
//print_r($row);
?>
<div class="list">

<div class="subj"><a href="<?=G5_BBS_URL;?>/board.php?bo_table=<?=$bo_table;?>&wr_id=<?=$row["wr_id"];?>">
<?php echo cut_str($row["wr_subject"], 20, ".."); ?>
</a></div>

<div class="info">
<div style="float:right">조회수: <?php echo $row['wr_hit'] ?></div>
<?php echo $row['wr_name']; ?>&nbsp;( <?php echo cut_str($row['wr_datetime'], 10, ""); ?> )
</div>

</div>
<?php } ?>
<script>
last_wr_id = <?php echo $last_wr_id; ?>;
</script>

=============================================