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

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

صورة

  بتاريخ On 2‏/5‏/2022 at 19:24 قال 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
}

  بتاريخ On 3‏/5‏/2022 at 08:00 قال Our World عالمنا:

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

أظهر المزيد  

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

  بتاريخ On 3‏/5‏/2022 at 10:28 قال Wael Aljamal:

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

أظهر المزيد  

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

  بتاريخ On 3‏/5‏/2022 at 11:19 قال Our World عالمنا:

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

أظهر المزيد  

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

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

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

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

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

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

  بتاريخ On 3‏/5‏/2022 at 11:32 قال 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
}
 

  بتاريخ On 3‏/5‏/2022 at 20:59 قال Our World عالمنا:

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

أظهر المزيد  

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