자바스크립트로 페이지 이동시
본문
<div class="pagenavi">
<ul>
<li id="prev">PREV</li>
<li><a href="index.html">ALL LIST</a></li>
<li id="next">NEXT</li>
</ul>
</div>
위 페이지네비를 사용하고 있고요,
한 페이지 안에 상품을 10개씩 보이도록 출력하는 자바스크립트를 넣었습니다.
10개 이상 넘어가면 다음페이지를 클릭해야 볼 수 있도록이요...
그런데,
첫 페이지에는 PREV가, 마지막 페이지에는 NEXT가 표시되지 않도록 하고 싶고,
상품 전체가 10개 미만일 때는 PREV와 NEXT가 표시되지 않도록 하고 싶습니다.
어떻게 해야할까요?
아시는 분 도움 좀 부탁드립니다 (__) 꾸벅
답변 1
index.html을 php로 변환하시고 아래 스크립트를 상단에 표시하신다음
페이지가 표시될 부분에 <?php echo $write_pages; ?>를 입력해주면 되지 않을까요?
스크립트 소스는 스케치북 게시판 스킨에 있는 페이징 소스입니다. ^^
<?php
// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URL
function get_new_paging($write_pages, $cur_page, $total_page, $url, $add="")
{
$url = preg_replace('#&page=[0-9]*(&page=)$#', '$1', $url);
$str = '';
if ($cur_page > 1) {
// $str .= '<a href="'.$url.'1'.$add.'" class="frst_last bubble" title="처음">‹ Prev</a>'.PHP_EOL;
$str .= '<a href="'.$url.'1'.$add.'" class="frst_last bubble" title="처음">‹ Prev</a>'.PHP_EOL;
}
$start_page = ( ( (int)( ($cur_page - 1 ) / $write_pages ) ) * $write_pages ) + 1;
$end_page = $start_page + $write_pages - 1;
if ($end_page >= $total_page) $end_page = $total_page;
if ($start_page > 1) $str .= '<a href="'.$url.($start_page-1).$add.'" class="bubble this" title="이전 페이지">이전</a>'.PHP_EOL;
if ($total_page > 1) {
for ($k=$start_page;$k<=$end_page;$k++) {
if ($cur_page != $k)
$str .= '<a href="'.$url.$k.$add.'" title="'.$k.' 페이지" class="bubble">'.$k.'<span class="sound_only">페이지</span></a>'.PHP_EOL;
else
$str .= '<span class="sound_only">열린</span><strong class="this">'.$k.'</strong><span class="sound_only">페이지</span>'.PHP_EOL;
}
}
if ($total_page > $end_page) $str .= '<a href="'.$url.($end_page+1).$add.'" class="bubble this" title="다음 페이지">다음</a>'.PHP_EOL;
if ($cur_page < $total_page) {
$str .= '<a href="'.$url.$total_page.$add.'" class="frst_last bubble" title="맨끝">Next ›</a>'.PHP_EOL;
}
if ($str)
return "<div id=\"page-nav\" class=\"bd_pg clear\">{$str}</span></div>";
else
return "";
}
?>
댓글 감사합니다 ^^
자바스크립트에 대한 지식이 없는 상태라서
알려주신 내용을 이해하기가 조금 어렵습니다 ㅎㅎ
좀 더 공부해 보겠습니당!
답변을 작성하시기 전에 로그인 해주세요.
