'highlighting selected number in pagination
I used the following code in my website to highlight clicked page number, but all numbers are highlighted either with clicking or not. How can I solve that?
//===================start pagination=========================
$jumpForward=3;
$jumpBackward=3;
$active=isset($_GET['page'])&&$_GET['page']==$pageNum?'active':'';
?>
<nav aria-label="Page navigation example" class="pagination-container">
<ul class="pagination pagination-lg">
<?php if( ($pageNum-$jumpBackward)>=1 ){ //previous
?> <li class="page-item"><a class="page-link prev" href="?page=<?php echo ($pageNum-$jumpBackward)?>">Previous (-3)</a></li> <?php
}else{
?> <li class="page-item disabled"><a class="page-link">Previous</a></li> <?php
}
for ($page=max(1,$pageNum-5);$page<=min($pageNum+2,$NumberOfPages);$page++) { //for loop
echo '<li class="page-item '.$active.'"><a class="page-link" href="search.php?scat='.$scat.'&c='.$count.'&i='.$catid.'&n='.$catName.'&page='.$page.'">'. $page.'</a></li>';
}
if(($pageNum+$jumpForward)<=$NumberOfPages ){ //next
?> <li class="page-item"> <a class="page-link next" href="?
page=<?php echo ($pageNum+$jumpForward)?>" >Next (+3)</a> </li> <?php
}else{
?> <li class="page-item disabled"> <a class="page-link " >Last</a> </li> <?php
}
?>
</ul >
</nav>
<?php
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|