무한스크롤 기능 구현

· 2017-04-12 (수) 11:14:12 · 10045 · 10
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']; ?> ( <?php echo cut_str($row['wr_datetime'], 10, ""); ?> )
</div>

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

=============================================
|

댓글 10개

2017-04-12 (수) 13:36:38
유용한 정보네요 감사합니다.
감사합니다^^
감사합니다 굿 입니다요 ^^
감사합니다^^
내용중에서
$readTable = "g5_jejubbs_write_" . $bo_table;
는 아래와 같이 변경하는것이 어떨까요?
$readTable = $g5['write_prefix'] . $bo_table;
2017-04-14 (금) 11:39:01
해피정님// 제가 작업한 것에서 가져온거라 생각을 미쳐 못했네여..

해피정님이 올리신 부분이 더 맞을듯하네여.
오오 감사합니다!
2018-04-12 (목) 23:55:17
무한스크롤기능
2019-01-09 (수) 09:54:34
이거 알기 쉽게 정리해주시면 안될까요?
1. list.php : 스킨/list.skin.php 에 맨 하단에 추가 list.php라고 하고 내용은 list.skin.php라고 하니 무슨 말인지 모르겟습니다.
유용한 정보 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
17-04-24 조회 6,079
17-04-23 조회 8,849
17-04-22 조회 7,846
17-04-20 조회 7,549
17-04-19 조회 8,874
17-04-19 조회 2.1만
17-04-18 조회 1.2만
17-04-15 조회 1.7만
17-04-15 조회 5,526
17-04-15 조회 5,997
17-04-13 조회 5,939
17-04-13 조회 1.2만
17-04-12 조회 1만
17-04-11 조회 8,048
17-04-08 조회 1.2만
17-04-08 조회 1.4만
17-04-08 조회 1.1만
17-04-06 조회 8,396
17-04-02 조회 7,929
17-03-29 조회 8,493
17-03-29 조회 5,951
17-03-25 조회 6,487
17-03-22 조회 8,666
17-03-18 조회 8,705
17-03-17 조회 8,668
17-03-17 조회 7,273
17-03-16 조회 1.6만
17-03-15 조회 1.1만
17-03-14 조회 7,504
17-03-12 조회 9,611