ajax 구현 페이지 코드 (1)

준비 작업
Page. js 페이지 원본 코드

//cP    
//tP   
//tN    
function showPages(cP,tP,tN){
    		//         
    		if(cP>=tP){
    			cP=tP;
    		}
    		//      1
    		if(cP<1){
    			cP=1;
    		}
			var pageHtml=" "+tN+"   "+cP+"/"+tP+" ";
			if(cP==1){
				pageHtml+="      ";
			}else{
				pageHtml+=" <a  href=\"javascript://nop/\" onclick='gotoPage(1)'>  </a>";
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+(parseInt(cP)-1)+")'>    </a>";
			}
			if(cP>=tP){
				pageHtml+="      ";
			}else{
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+(parseInt(cP)+1)+")'>   </a>";
				pageHtml+="<a  href=\"javascript://nop/\" onclick='gotoPage("+tP+")'>   </a>";
			}
			pageHtml += "&nbsp;<input name=\"pageNo\" type=\"text\" id=\"pageNo\" size=\"3\" onKeyPress=\"return handleEnterOnPageNo();\">&nbsp;"+
            "<input name=\"goto\" type=\"button\" id=\"goto\" value=\"go\" "+
            "onClick=\"forward();\">";
			$("page").innerHTML = pageHtml;
		}
		//       js  ，                    
		function forward()
	    {
	     if(!(/^([-]){0,1}([0-9]){1,}$/.test($F("pageNo"))))
	     {
	     //       
	       alert("        ！");
	       $("pageNo").focus();
	       $("pageNo").select();
	      }
	      else
	       gotoPage($F("pageNo"));
	    }
	    //               
		  function handleEnterOnPageNo()
		   {
		    if(event.keyCode == 13)
		     {
		     forward();
		      return false;
		    }
		    return true;
		}

jsp 호출 페이지 에 도입