اضافه کردن استایل برای صفحه جاری در منو ها

aliyaghobi

کاربر عضو
سلام دوستان

برای فعال کردن خاصیت current در منو صفحه جاری باید از چه کدی استفاده کنم؟ 



کد:
<nav><?php foreach ($pages as $page):?>                      <a href='<?php echo $this->config["url"]?>/page/<?php echo $page->seo ?>' title='<?php echo e($page->name)?>'><?php echo e($page->name)?></a>              <?php endforeach; ?>              <a href='[URL="http://blog.plink.ir"]http://blog.plink.ir'[/URL] target="_blank" title='وبلاگ پی لینک'>وبلاگ</a>			  <a href='<?php echo $this->config["url"]?>/contact' title='<?php echo e("Contact")?>'><?php echo e("Contact")?></a></nav>
کد:
footer nav a:hover,footer nav a.current{background-color:#075c96;color:#fff}
 

Qalekhani

قلعه‌خانی
با بهره گیری از سلکتور active در css میتونید اون کار رو انجام بدید:



 

aliyaghobi

کاربر عضو
با بهره گیری از سلکتور active در css میتونید اون کار رو انجام بدید:

ببخشید دوست عزیز مشکل استایل دهی css رو ندارم.مشکلم اینه چطور وقتی تو صفحه مثلا درباره ما هستیم منو بصورت اکتیو ظاهر بشه مثل تصویر و وقتی وارد منو دیگه میشیم اون آیتم بصورت اکتیو شده بشه

تو نت چندتا کد جاوا پیدا کردم ولی برای من کار نکرد

 

aliyaghobi

کاربر عضو
با اضافه کردن این کد درست شد

کد:
  <script type="text/javascript">function setActive() {  aObj = document.getElementById('nav').getElementsByTagName('a');  for(i=0;i<aObj.length;i++) {     if(document.location.href.indexOf(aObj[i].href)>=0) {      aObj[i].className='current';    }  }}window.onload = setActive;  </script>
 
بالا