|
 |
| |
Code แบ่งหน้าเหมือน Google เป๊ะๆ แต่ยังติดนิดหน่อยตรงเลขหน้า กดแล้วไม่ไปตามครับ ยังงัยช่วยแก้ไขทีครับ คิดไม่ออก ใครประยุกต์ได้แล้วบอกด้วยนะครับ |
| |
 |
|
|
 |
 |
|
Code (AjaxGoogle1.php)
<?
include("connection.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>ทดลองการแบ่งหน้าเหมือน Google</title>
<script type="text/javascript">
var HttPRequest = false;
function doCallAjax(Search,Page) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = 'AjaxGoogle2.php';
var pmeters = 'Search='+Search;
var pmeters = "&mySearch=" + Search + "&Page=" + Page;
HttPRequest.open('GET', url+'?'+pmeters, true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
}
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=TIS-620");req.send(null);
}
</script>
</head>
<body Onload="JavaScript:doCallAjax('','');">
<form id="formSearch" name="formSearch" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="46%" align="right">ค้นหา ::</th>
<td width="54%" align="left">
<input type="text" name="txtSearch" id="txtSearch" onkeyup="JavaScript:doCallAjax(document.getElementById('txtSearch').value,'1');" />
</td>
</tr>
</table>
</form>
<br />
<span id="mySpan"></span>
</body>
</html>
AjaxGoogle2.php
<?
header("content-type: application/x-javascript; charset=TIS-620");
include("connection.php");
class Paginator{
var $items_per_page;
var $items_total;
var $current_page;
var $num_pages;
var $mid_range;
var $low;
var $high;
var $limit;
var $return;
var $default_ipp;
var $querystring;
var $url_next;
function Paginator()
{
$this->current_page = 1;
$this->mid_range = 7;
$this->items_per_page = $this->default_ipp;
$this->url_next = $this->url_next;
}
function paginate()
{
if(!is_numeric($this->items_per_page) OR $this->items_per_page <= 0) $this->items_per_page = $this->default_ipp;
$this->num_pages = ceil($this->items_total/$this->items_per_page);
$this->first_pages = ceil($this->items_total/$this->items_total);
$this->last_pages = ceil($this->items_total/$this->items_per_page);
if($this->current_page < 1 Or !is_numeric($this->current_page)) $this->current_page = 1;
if($this->current_page > $this->num_pages) $this->current_page = $this->num_pages;
$prev_page = $this->current_page-1;
$next_page = $this->current_page+1;
$first_page = $this->first_pages;
$last_page = $this->last_pages;
if($this->num_pages > 10)
{
//$this->return = ($this->current_page != 1 And $this->items_total >= 10) ? "<a class=\"paginate\" href=\"".$this->url_next.$this->$prev_page."\">« Previous</a> ":"<span class=\"inactive\" href=\"#\">« Previous</span> ";
////// ปุ่ม First ไปหน้าแรก //////
$this->return = ($this->current_page != 1 And $this->items_total >= 10) ? "<a class=\"paginate\" href=\"".$this->url_next.$first_page."\">« First</a> ":"<span class=\"inactive\" href=\"#\">« First</span> ";
/////// ปุ่ม Prev กลับทีละหน้า /////
$this->return .= ($this->current_page != 1 And $this->items_total >= 10) ? "<a class=\"paginate\" href=\"".$this->url_next.$prev_page."\">« Previous</a> ":"<span class=\"inactive\" href=\"#\">« Previous</span> ";
$this->start_range = $this->current_page - floor($this->mid_range/2);
$this->end_range = $this->current_page + floor($this->mid_range/2);
if($this->start_range <= 0)
{
$this->end_range += abs($this->start_range)+1;
$this->start_range = 1;
}
if($this->end_range > $this->num_pages)
{
$this->start_range -= $this->end_range-$this->num_pages;
$this->end_range = $this->num_pages;
}
$this->range = range($this->start_range,$this->end_range);
for($i=1;$i<=$this->num_pages;$i++)
{
if($this->range[0] > 2 And $i == $this->range[0]) $this->return .= " ... ";
if($i==1 Or $i==$this->num_pages Or in_array($i,$this->range))
{
////// ตัวเลขหน้า //////
$this->return .= ($i == $this->current_page And $_GET['Page'] != 'All') ? "<a title=\"Go to page $i of $this->num_pages\" class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" title=\"Go to page $i of $this->num_pages\" href=\"".$this->url_next.$i."\">$i</a> ";
}
if($this->range[$this->mid_range-1] < $this->num_pages-1 And $i == $this->range[$this->mid_range-1]) $this->return .= " ... ";
}
/////// ปุ่มNext ไปทีละ 1 หน้า //////
$this->return .= (($this->current_page != $this->num_pages And $this->items_total >= 10) And ($_GET['Page'] != 'All')) ? "<a class=\"paginate\" href=\"".$this->url_next.$next_page."\">Next »</a>\n":"<span class=\"inactive\" href=\"#\">» Next</span>\n";
////// ปุ่ม Last ไปหน้าสุดท้าย //////
$this->return .= (($this->current_page != $this->num_pages And $this->items_total >= 10) And ($_GET['Page'] != 'All')) ? "<a class=\"paginate\" href=\"".$this->url_next.$last_page."\">Last »</a>\n":"<span class=\"inactive\" href=\"#\">» Last</span>\n";
}
else
{
for($i=1;$i<=$this->num_pages;$i++)
{
$this->return .= ($i == $this->current_page) ? "<a class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" href=\"".$this->url_next.$i."\">$i</a> ";
}
}
$this->low = ($this->current_page-1) * $this->items_per_page;
$this->high = ($_GET['ipp'] == 'All') ? $this->items_total:($this->current_page * $this->items_per_page)-1;
$this->limit = ($_GET['ipp'] == 'All') ? "":" LIMIT $this->low,$this->items_per_page";
}
function display_pages()
{
return $this->return;
}
}
?>
<style type="text/css">
<!--
.paginate {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
}
a.paginate {
border: 1px solid #000080;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
}
h2 {
font-size: 12pt;
color: #003366;
}
h2 {
line-height: 1.2em;
letter-spacing:-1px;
margin: 0;
padding: 0;
text-align: left;
}
a.paginate:hover {
background-color: #000080;
color: #FFF;
text-decoration: underline;
}
a.current {
border: 1px solid #000080;
font: bold .7em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#000080;
color: #FFF;
text-decoration: none;
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
}
-->
</style>
<?
$strSearch = $_GET["mySearch"];
iconv( 'UTF-8', 'TIS-620', $strSearch);
$strSQL = "SELECT * FROM person where person_code Like '%$strSearch%' OR person_name Like '%$strSearch%' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$Num_Rows = mysql_num_rows($objQuery);
echo "<br>";
echo "<center>ค้นหาเจอทั้งหมด ( $Num_Rows ) จากคำว่า ( $strSearch ) </center>";
$Per_Page = 10; // ตัวเลขแบ่งจำนวนที่จะแสดงในแต่ละหน้า
$Page = $_GET["Page"];
if(!$_GET["Page"])
{
$Page=1;
}
$Prev_Page = $Page-1;
$Next_Page = $Page+1;
$Page_Start = (($Per_Page*$Page)-$Per_Page);
if($Num_Rows<=$Per_Page)
{
$Num_Pages =1;
}
else if(($Num_Rows % $Per_Page)==0)
{
$Num_Pages =($Num_Rows/$Per_Page) ;
}
else
{
$Num_Pages =($Num_Rows/$Per_Page)+1;
$Num_Pages = (int)$Num_Pages;
}
$strSQL .=" order by person_code ASC LIMIT $Page_Start , $Per_Page";
$objQuery = mysql_query($strSQL);
?>
<table width="600" border="1" align="center">
<tr>
<th width="91"> <div align="center">รหัสพนักงาน </div></th>
<th width="98"> <div align="center">ชื่อพนักงาน </div></th>
</tr>
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td><?=$objResult["person_code"];?></td>
<td><?=$objResult["person_name"];?></td>
</tr>
<?
}
?>
</table>
<br>
<center>
Total <?= $Num_Rows;?> Record
<?
$pages = new Paginator;
$pages->items_total = $Num_Rows;
$pages->mid_range = 10;
$pages->current_page = $Page;
$pages->default_ipp = $Per_Page;
$pages->url_next = $_SERVER["PHP"]."?mySearch=$_GET[mySearch]&QueryString=value&Page=";///ติดตรงส่วนนี้ครับช่วยแก้ไขหน่อยนะครับ
$pages->paginate();
echo $pages->display_pages()
?>
</center>
Tag : PHP, HTML/CSS, JavaScript, Ajax, JAVA, JSP
|
|
|
 |
 |
 |
 |
| Date :
2012-08-15 16:29:30 |
By :
softwarelp |
View :
1411 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ขอบคุณมากๆครับ mr.win
|
| |
|
|
| |
| Date :
2012-08-16 08:52:48 |
By :
softwarelp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
พี่ วินครับ ถ้าเกิดผมอยากประยุกต์ ใช้ร่วมกับ Ajax เหมือนที่ผมทำอยู่ ให้มันกดเลขหน้าได้ ตามที่เราค้นหาเจอ ควรแก้ยังงัยดีครับ
|
| |
|
|
| |
| Date :
2012-08-16 12:08:36 |
By :
softwarelp |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
