ขอวิธีทำตัวแบ่งหน้าข้อมูลค่ะ

[moomai]

ขอวิธีทำตัวแบ่งหน้าข้อมูลค่ะ

FastStoneEditor1.png (4.13 KiB) Viewed 419 times

ในส่วนที่ 1 จากรูปค่ะ
ต้องการให้เรื่องหมาย << เหลือแค่อันเดียวคะ แล้วก็หากเราอยู่ที่ตำแหน่งที่ 7 แล้วกดคลิกที่ << แล้วข้อมูลแบ่งหน้าจะมาอยู่ที่ตำแหน่งที่ 1 ต้องทำยังไง

ในส่วนที่ 2 จากรูป
ต้องการแสดงตัวเลขแบ่งหน้าแค่ 10 ตำแหน่งถึงแม้ว่าข้อมูลจะแบ่งออกมาแล้วเยอะกว่า แล้วให้คลิกที่ >> โชว์ตัวเลขที่เป็นการแบ่งหน้าถัดไป ต้องทำยังไงคะ

โค้ดที่ทำคะ

โค้ด: เลือกทั้งหมด

<nav aria-label="Page navigation">
  <ul class="pagination">
  	<li <?php if ($page == $start) ?>>
  		<a href="listvat.php?page=<?= $page - $total ?>" aria-label="Previous">&laquo;</a>
  	</li>
	    <li <?php if ($page == 1) echo 'class="hidden"'; ?>>
	    	<a href="listvat.php?page=<?= $page - 1 ?>" aria-label="Previous">
	        	<span aria-hidden="true">&laquo;</span>
	      	</a>
	    </li>

	<?php 
	$pages = ceil($total/10);
    	for ($i = 1; $i <= 10; $i++) { ?>
                    <li <?php if ($page == $i) echo 'class="active"'; ?>>
                        <a href="listvat.php?page=<?= $i ?>"><?= $i ?></a></li>
                <?php } ?>
         
    <li <?php if ($page == $total)  ?>>
      <a href="listvat.php?page=<?= $page + $total ?>" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

มีการกำหนดค่าของ page แล้ว

โค้ด: เลือกทั้งหมด

if (isset($_GET['page'])) {
$page = $_GET['page'];
}else{
	$page=1;
}

[AePongsak]

$rsaquo >
$lsaquo <

[moomai]

ขอบคุณค่ะ

[AePongsak]

สร้างตัวแปลกำหนดค่าเมื่อคลิกไปถึง page เงือนไขให้มัน แล้วเอาตัวแปลที่สร้างไปใส่ในเงื่อนไข pagination
เช่น


$startpage = ($page > 9) ? $page - 5 : 1;
$endpage = ($page > 9) ? $page + 10 : $total_page;
$endpage = ($endpage > $total_page) ? $total_page : 10;

โค้ด: เลือกทั้งหมด

   $pages = ceil($total/10);
       for ($i = $startpage; $i <= $endpage; $i++) { ?>
                    <li <?php if ($page == $i) echo 'class="active"'; ?>>
                        <a href="listvat.php?page=<?= $i ?>"><?= $i ?></a></li>
                <?php } ?>