مساعدة فى تمييز صفحة نشطة فى pagination

المشكلة غير واضحة، هل يمكنك إرفاق صورة مع التأشير على كيفية تمييز الصفحة النشطة المطلوب؟

صورة

بتاريخ 16 ساعات قال Wael Aljamal:

المشكلة غير واضحة، هل يمكنك إرفاق صورة مع التأشير على كيفية تمييز الصفحة النشطة المطلوب؟

اريد ان اجعل اللينك المضغوط عليه فى ال pagination مميز highlighted  كما فى الصورة المرفقة

$adsPerPage=2;
$pageNum= isset($_GET['page'])&& is_numeric($_GET['page']) ? intval($_GET['page']) : 1;
$startFrom=($pageNum-1)* $adsPerPage;


$jumpForward=3;
$jumpBackward=3;

if($NumberOfPages>1){     
?>
<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 "><a class="page-link activePagLink" href="search.php?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
}

بتاريخ 2 ساعات قال Our World عالمنا:

اريد ان اجعل اللينك المضغوط عليه فى ال pagination مميز highlighted  كما فى الصورة المرفقة

تمام، تحتاج لصنف css يعدل على خلفية الرقم (خانة الصفحة) و نضيفه لرقم الصفحة الفعال باختبار شرط معين أن الصفحة المفتوحة هي نفسها ذات الرقم xx و نضيف في جسم عنصر HTML صنف التنسيق الذي تحبذه.

بتاريخ 49 دقائق مضت قال Wael Aljamal:

تمام، تحتاج لصنف css يعدل على خلفية الرقم (خانة الصفحة) و نضيفه لرقم الصفحة الفعال باختبار شرط معين أن الصفحة المفتوحة هي نفسها ذات الرقم xx و نضيف في جسم عنصر HTML صنف التنسيق الذي تحبذه.

فاهم الفكرة.. جربتها قبل السؤال هنا ومفيش نتيجة.

بتاريخ 8 دقائق مضت قال Our World عالمنا:

فاهم الفكرة.. جربتها قبل السؤال هنا ومفيش نتيجة.

تمام، من خلال برنامجك كيف نعرف رقم الصفحة الحالية؟ وفي أي جزء من الشيفرة.

الفكرة ستكون:

<li class="page-item ?? ">

  كالمثال
 
<div class="<?php if(true ..) { echo 'highligth'; } ?>"></div>

<div class="<?= true ... ? 'highligth' : '' ?>"></div>

حيث نضع شرط مضمن فيه php tags

بتاريخ 9 ساعات قال Wael Aljamal:

تمام، من خلال برنامجك كيف نعرف رقم الصفحة الحالية؟ وفي أي جزء من الشيفرة.

الفكرة ستكون:

<li class="page-item ?? ">

  كالمثال
 
<div class="<?php if(true ..) { echo 'highligth'; } ?>"></div>

<div class="<?= true ... ? 'highligth' : '' ?>"></div>

حيث نضع شرط مضمن فيه php tags

هذا هو الكود الذى استخدمه

$jumpForward=3;
         $jumpBackward=3;
          $active=$_GET['page']==$pageNum?'active':'';
if($NumberOfPages>1){     
 ?>
 <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=1; $page<= $NumberOfPages;  $page++) {  //for loop
    echo   '<li class="page-item"';if($_GET["page"]==$pageNum){ echo $active;}  echo ">"; echo '<a class="page-link" href="search.php?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
}
 

بتاريخ 1 دقيقة مضت قال Our World عالمنا:

هذا هو الكود الذى استخدمه

لقد شاركته عدة مرات .. أعرف ذلك، ولكن لم أفهم الفكرة .. أرفق صورة للناتج فلن يعمل لدي الكود هذا