자바스크립트 게시물 페이징을하는데 ..어려움이있습니다.
ChanheeHan
9년 전
조회 5,655
</p><p><!DOCTYPE html></p><p><html></p><p><head></p><p> <style type='text/css'></p><p>.paging {</p><p> color:#DEDFDE;</p><p> font-size:15pt;</p><p> font-weight:normal;</p><p> font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;</p><p>}</p><p>.paging a {</p><p> color:#7C6E5D;</p><p> font-size:15pt;</p><p> font-weight:normal;</p><p> text-decoration:none;</p><p> font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;</p><p>}</p><p> </p><p></style></p><p></head></p><p> <body></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><script type="text/javascript"></p><p><!--</p><p>/*</p><p>ListScale : 한페이지 출력할 게시물수</p><p>PageScale : 페이지수를 표시할 갯수</p><p>Total : 전체 게시물수</p><p>Start : 리스트를 뿌릴 시작점(최근게시물로 order by 해서 뽑아 내는 자료라면 가장 최근 자료가 0번이 됨</p><p>PagingUrl : 클릭시 넘어갈 페이지</p><p>*/</p><p>function getPaging(ListScale,PageScale,Total,Start,PagingUrl) {</p><p> var Return = "";</p><p> var Page;</p><p> var PP;</p><p> var NP;</p><p> var PreStart;</p><p> var Ln;</p><p> var Vk;</p><p> var Nstart;</p><p> var Last;</p><p> </p><p> </p><p> if(Total > ListScale) {</p><p> Page = Math.floor(Start/(ListScale*PageScale));</p><p> </p><p> Return = Return + "<table border='0' cellpadding='0' cellspacing='1'><tr><td align='center' class='paging'> ";</p><p> </p><p> PP=Start-ListScale;</p><p> NP=Start+ListScale ;</p><p> </p><p> // 처음으로 이동</p><p> if(PP>=0) {</p><p> Return = Return + " | <a href='" + PagingUrl + "&sStart=0'>First</a> ";</p><p> }</p><p> </p><p> // sPageScale 만큼 앞으로 이동</p><p> if( Start+1 > ListScale*PageScale ) {</p><p> PreStart = ListScale*(Page*PageScale - 1);</p><p> Return = Return + " | <a href='" + PagingUrl + "&sStart=" + PreStart + "'>Previous</a> ";</p><p> }</p><p> </p><p> // sPageScale 만큼 출력</p><p> for(i=0; i < PageScale ; i++) {</p><p> Ln = (Page * PageScale + i)*ListScale;</p><p> Vk= Page * PageScale + i+1;</p><p> if(Ln<Total) {</p><p> if(Ln!=Start) { Return = Return + " | <a href='" + PagingUrl + "&sStart=" + Ln + "' class='otherpage'>" + Vk + "</a> "; }</p><p> else { Return = Return + " | <span style='color:#FF8600;font-weight:bold;'>" + Vk + "</span> "; }</p><p> }</p><p> }</p><p> </p><p> // sPageScale 만큼 뒤로 이동</p><p> if(Total > ((Page+1)*ListScale*PageScale)) {</p><p> Nstart=(Page+1)*ListScale*PageScale;</p><p> Return = Return + " | <a href='" + PagingUrl + "&sStart=" + Nstart + "'>Next</a> ";</p><p> }</p><p> </p><p> // 마지막 페이지</p><p> if(NP<Total) {</p><p> Last = (Math.floor(Total/ListScale))*ListScale;</p><p> Return = Return + " | <a href='" + PagingUrl + "&sStart=" + Last + "'>Last</a> ";</p><p> }</p><p> </p><p> Return = Return + " | </td></tr></table>";</p><p> }</p><p> return Return;</p><p>}</p><p>//--></p><p></script></p><p><script type='text/javascript'></p><p><!--</p><p> document.write(getPaging(10,10,101,90,''));</p><p>//--></p><p></script></p><p> </p><p><script type="text/javascript"></p><p> function check(){</p><p> if(document.search.keyWord.value==''){</p><p> alert('검색어를 입력하세요'); </p><p> document.search.keyWord.focus();</p><p> return false; </p><p> }</p><p> }</p><p></script></p><p><form name = "search" method = "get" action ="a.jsp" onsubmit="return check()"></p><p><table width="200" border="0" align="left" style="padding-left: 80px" ></p><p> <tr></p><p> <td align ="center" valign="bottom"></p><p> <select name="keyField"></p><p> <option value="subject">Title</option></p><p> <option value="writer">Name</option></p><p> <option value="content">Content</option></p><p> </select></p><p> </td></p><p> </p><p> <td></p><p> <input type="text" size="25" name="keyWord"> </p><p> </td></p><p> </p><p> <td></p><p> <input type="submit" value="Searching"></p><p> </td> </p><p> </tr></p><p> </table></p><p></form></p><p></body></p><p></html></p><p>
=====여기서진도가안나가네요...ㅠㅠㅠnext 및First를 눌르면 1 및 10,11,12,13,14이렇게 되야되는대..안되고 파일이없다고나오네요...숫자를 눌러도그렇구요...해결..수정 부탁드립니다.ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변에 대한 댓글 1개
C
ChanheeHan
9년 전
그대로에요ㅜㅜ파일이름이pagination.html인대 그대로에요
댓글을 작성하려면 로그인이 필요합니다.
9년 전
마지막 파라미터에 PagingUrl을 넣거나 getPaging 함수내에 디폴트값을 정의해보세요.
document.write(getPaging(10,10,101,90,'xxx.xxx'));
또는
if(getPaging == '') getPaging = '?';
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
C
ChanheeHan
9년 전
if(getPaging == '') getPaging = '?';
어디에 넣으면되나요?
어디에 넣으면되나요?
C
ChanheeHan
9년 전
document.write(getPaging(10,10,101,90,'xxx.xxx'));
에 xxx.xxx를 추가하여도 예전과 똑같구..밑에 if는 어디줄에넣으면되나요>
에 xxx.xxx를 추가하여도 예전과 똑같구..밑에 if는 어디줄에넣으면되나요>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인