|
 |
|
ผมอยากได้ตัวแบ่งหน้า แบบ hotmail น่ะครับ ไม่เอาตัวเลข ใครมีตัวอย่างมั้งครับ |
|
 |
|
|
 |
 |
|
จากบทความ Go to : PHP MySQL List Record Paging/Pagination ก็เพียงแค่เอาตรง Loop ออกครับ
Code (PHP)
<?
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=1'><< First</a> ";
if($Prev_Page)
{
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=$Prev_Page'><< Back</a> ";
}
if($Page!=$Num_Pages)
{
echo " <a href ='$_SERVER[SCRIPT_NAME]?Page=$Next_Page'>Next>></a> ";
}
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=$Num_Pages'>Last >></a> ";
mysql_close($objConnect);
?>
Code เต็ม ๆ
Code (PHP)
<html>
<head>
<title>ThaiCreate.Com PHP & MySQL Tutorial</title>
</head>
<body>
<?
$objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM customer ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$Num_Rows = mysql_num_rows($objQuery);
$Per_Page = 2; // Per Page
$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 CustomerID ASC LIMIT $Page_Start , $Per_Page";
$objQuery = mysql_query($strSQL);
?>
<table width="600" border="1">
<tr>
<th width="91"> <div align="center">CustomerID </div></th>
<th width="98"> <div align="center">Name </div></th>
<th width="198"> <div align="center">Email </div></th>
<th width="97"> <div align="center">CountryCode </div></th>
<th width="59"> <div align="center">Budget </div></th>
<th width="71"> <div align="center">Used </div></th>
</tr>
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td><div align="center"><?=$objResult["CustomerID"];?></div></td>
<td><?=$objResult["Name"];?></td>
<td><?=$objResult["Email"];?></td>
<td><div align="center"><?=$objResult["CountryCode"];?></div></td>
<td align="right"><?=$objResult["Budget"];?></td>
<td align="right"><?=$objResult["Used"];?></td>
</tr>
<?
}
?>
</table>
<br>
Total <?= $Num_Rows;?> Record : <?=$Num_Pages;?> Page :
<?
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=1'><< First</a> ";
if($Prev_Page)
{
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=$Prev_Page'><< Back</a> ";
}
if($Page!=$Num_Pages)
{
echo " <a href ='$_SERVER[SCRIPT_NAME]?Page=$Next_Page'>Next>></a> ";
}
echo " <a href='$_SERVER[SCRIPT_NAME]?Page=$Num_Pages'>Last >></a> ";
mysql_close($objConnect);
?>
</body>
</html>
|
 |
 |
 |
 |
Date :
2011-05-10 10:36:23 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบุรมากรับพี่ วิน......
|
 |
 |
 |
 |
Date :
2011-05-10 10:51:33 |
By :
KenJeRoKung |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เปลี่ยนเป็นรูปภาพเองน่ะครับ ไม่ยากครับ 
|
 |
 |
 |
 |
Date :
2011-05-10 11:00:39 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
http://www.okvee.net/2011/04/01/%E0%B9%81%E0%B8%9A%E0%B9%88%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B9%81%E0%B8%AA%E0%B8%94%E0%B8%87%E0%B8%9C%E0%B8%A5%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2-pagination-class/
require(dirname(__FILE__)."/pagination.php");
$sql = "select * from $main_table where 1 order by id asc";
$result = mysql_query($sql);
$total = mysql_num_rows($result);// นับจำนวนทั้งหมดในฐานข้อมูลตามเงื่อนไข sql ข้างบน
##############################
// กำหนดค่า config ให้กับ pagination class
$config['base_url'] = "http://localhost/test/pagination/view1.php?order=";
$config['total_rows'] = $total;// ค่าที่นับได้"ทั้งหมด"จาก sql ด้านบน
$config['per_page'] = 10;
$config['display_pages'] = false;
$config['next_link'] = "<img src=\next.jpg\" />";// แก้รูปเอานะ
$config['prev_link'] = "<img src=\prev.jpg\" />";// แก้รูปเอานะ
$config['first_link'] = "<img src=\"first.jpg\" />";// แก้รูปเอานะ
$config['last_link'] = "<img src=\"last.jpg\" />";// แก้รูปเอานะ
$pagination = new pagination($config);
$start_item = (!isset($_GET['per_page']) ? "0" : intval($_GET['per_page']));
##############################
$sql .= " limit $start_item, " . $config['per_page'];
$result = mysql_query($sql);
//ต่อจากนี้ก็ทำการวนแสดงผลตามปกติ
|
ประวัติการแก้ไข 2011-05-10 11:10:27
 |
 |
 |
 |
Date :
2011-05-10 11:10:02 |
By :
mr.v |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|