<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.paging {
color:#DEDFDE;
font-size:15pt;
font-weight:normal;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.paging a {
color:#7C6E5D;
font-size:15pt;
font-weight:normal;
text-decoration:none;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
</style>
</head>
<body>
<script type="text/javascript">
<!--
/*
fListScale : 한페이지 출력할 게시물수
fPageScale : 페이지수를 표시할 갯수
fTotal : 전체 게시물수
fStart : 리스트를 뿌릴 시작점(최근게시물로 order by 해서 뽑아 내는 자료라면 가장 최근 자료가 0번이 됨
fPagingUrl : 클릭시 넘어갈 페이지
*/
function getPaging(fListScale,fPageScale,fTotal,fStart,fPagingUrl) {
var fReturn = "";
var fPage;
var fPP;
var fNP;
var fPreStart;
var fLn;
var fVk;
var fNstart;
var fLast;
if(fTotal > fListScale) {
fPage = Math.floor(fStart/(fListScale*fPageScale));
fReturn = fReturn + "<table border='0' cellpadding='0' cellspacing='1'><tr><td align='center' class='paging'> ";
fPP=fStart-fListScale;
fNP=fStart+fListScale ;
// 처음으로 이동
if(fPP>=0) {
fReturn = fReturn + " | <a href='" + fPagingUrl + "&sStart=0'>First</a> ";
}
// sPageScale 만큼 앞으로 이동
if( fStart+1 > fListScale*fPageScale ) {
fPreStart = fListScale*(fPage*fPageScale - 1);
fReturn = fReturn + " | <a href='" + fPagingUrl + "&sStart=" + fPreStart + "'>Previous</a> ";
}
// sPageScale 만큼 출력
for(i=0; i < fPageScale ; i++) {
fLn = (fPage * fPageScale + i)*fListScale;
fVk= fPage * fPageScale + i+1;
if(fLn<fTotal) {
if(fLn!=fStart) { fReturn = fReturn + " | <a href='" + fPagingUrl + "&sStart=" + fLn + "' class='otherpage'>" + fVk + "</a> "; }
else { fReturn = fReturn + " | <span style='color:#FF8600;font-weight:bold;'>" + fVk + "</span> "; }
}
}
// sPageScale 만큼 뒤로 이동
if(fTotal > ((fPage+1)*fListScale*fPageScale)) {
fNstart=(fPage+1)*fListScale*fPageScale;
fReturn = fReturn + " | <a href='" + fPagingUrl + "&sStart=" + fNstart + "'>Next</a> ";
}
// 마지막 페이지
if(fNP<fTotal) {
fLast = (Math.floor(fTotal/fListScale))*fListScale;
fReturn = fReturn + " | <a href='" + fPagingUrl + "&sStart=" + fLast + "'>Last</a> ";
}
fReturn = fReturn + " | </td></tr></table>";
}
return fReturn;
}
//-->
</script>
<script type='text/javascript'>
<!--
document.write(getPaging(10,10,101,90,''));
//-->
</script>
<script type="text/javascript">
function check(){
if(document.search.keyWord.value==''){
alert('검색어를 입력하세요');
document.search.keyWord.focus();
return false;
}
}
</script>
<form name = "search" method = "get" action ="a.jsp" onsubmit="return check()">
<table width="200" border="0" align="left" style="padding-left: 80px" >
<tr>
<td align ="center" valign="bottom">
<select name="keyField">
<option value="subject">Title</option>
<option value="writer">Name</option>
<option value="content">Content</option>
</select>
</td>
<td>
<input type="text" size="25" name="keyWord">
</td>
<td>
<input type="submit" value="Searching">
</td>
</tr>
</table>
</form>
</body>
</html>
----저는 fist및 next가누르면 넘어가려고하는데 잘안되네요..
1.블록을 걸면된다는데 어떻게하는지 몰르겠어요...
2.하나하나씩 지정(?)하면된다고하는데ㅜㅜㅜ
next 나first를 누르면 되돌아 오거나 다음페이지10,11,12이렇게이동하려고합니다.