pageslider.js

bs项目里分页,这里采用的是ajax滑动分页.

var mySlide;
var myAjax;
var otherAjax;
var max = 20;
var min = 1;
var flag = false;
var flagCount = false;
function init(){
    if(!flagCount){
    	postMe();
    	flagCount = true;
    }
  	mySlide = YAHOO.widget.Slider.getHorizSlider("pageBGDiv", "pageHandleDiv", min, max, 1);
  	mySlide.onChange = function() {
  			if(mySlide.getValue() < min)
		  	    mySlide.setValue(min, true);
		  	if(mySlide.getValue() > max)
  	   			mySlide.setValue(max, true);
			var info = document.getElementById("pageInfo");
			info.innerHTML = mySlide.getValue() + "/" + max;
			flag = true;
  	}
	mySlide.onSlideEnd = postAjax;
	if(!flag){
  		var info = document.getElementById("pageInfo");
		info.innerHTML = 1 + "/" + max;
  		postAjax();
  	}
}

function postMe(){
	otherAjax = new Ajax.Request("getpage", {method: 'get', onComplete: showCount});
}

function showCount(request){
	max = parseInt(request.responseText);
}

function postAjax(){
   if(mySlide.getValue() < min)
		mySlide.setValue(min, true);
   if(mySlide.getValue() > max)
  	   	mySlide.setValue(max, true);
   var param = "";
   if(!flag)
   		param = "page=1";
   else
   		param = "page=" + mySlide.getValue();
   myAjax = new Ajax.Request("getpage", {method: 'get', parameters: param, onComplete: showPage});
}

function showPage(request){
   var xmlDoc = request.responseXML;
   var students = xmlDoc.getElementsByTagName("student");
   var result = "<table border=1><tr><td>Student ID</td><td>Student Name</td><td>Student Class</td></tr>";
   for (var i = 0 ; i < students.length ; i ++){
     result += "<tr>";
     var student = students[i];
     result += "<td>" + student.getElementsByTagName("id")[0].firstChild.nodeValue + "</td>";
     result += "<td>" + student.getElementsByTagName("name")[0].firstChild.nodeValue + "</td>";
     result += "<td>" + student.getElementsByTagName("class")[0].firstChild.nodeValue + "</td>";
     result += "</tr>";
   }
   result += "</table>";
   document.getElementById("data").innerHTML= result;
}

function setSlider(){
   var number = 1;
   if (arguments[0] == "first")
     number = 1;
   else if (arguments[0] == "last")
     number = max;
   else if (arguments[0] == "previous")
     number = mySlide.getValue() - 1;
   else if (arguments[0] == "next")
      number = mySlide.getValue() + 1;
   mySlide.setValue(number, true);
   postAjax();
}