Ortak Html' De Aktif Menüyü Ayarlamaca
-
Benim elimde bi tane php dosyası var, tüm sayfalarda ortak kullanıyorum. İçinde menü var.
Ama şimdi diyelim index.php ' deysek onun <li> sınıfının class="active" olması lazım. Nasıl yapabilirim ?
Aşağıda menü var onlar için, diyelim adam users.php' ye girdi, onun li' sinin active olması gerek ?
<div class="leftpanel">
<div class="leftpanelinner">
<!-- This is only visible to small devices -->
<div class="visible-xs hidden-sm hidden-md hidden-lg">
<div class="media userlogged">
<img alt="" src="images/photos/loggeduser.png" class="media-object">
<div class="media-body">
<h4>Sistem Yöneticisi</h4>
</div>
</div>
<h5 class="sidebartitle actitle">Hesap</h5>
<ul class="nav nav-pills nav-stacked nav-bracket mb30">
<li><a href="#"><i class="fa fa-cog"></i> <span>Hesap Ayarları</span></a></li>
<li><a href="signout.html"><i class="fa fa-sign-out"></i> <span>Çıkış</span></a></li>
</ul>
</div>
<h5 class="sidebartitle">Menu</h5>
<ul class="nav nav-pills nav-stacked nav-bracket menu">
<li><a href="index.php"><i class="fa fa-tachometer"></i> <span>Gösterge Paneli</span></a></li>
<li><a href="users.php"><i class="fa fa-users"></i> <span>Üyeler</span></a></li>
<li class="nav-parent"><a href="#"><i class="fa fa-th-large"></i> <span>Ürünler</span></a>
<ul class="children">
<li><a href="active-products.php"><i class="fa fa-caret-right"></i> Yüklenenler</a></li>
<li><a href="inactive-products.php"><i class="fa fa-caret-right"></i> Yüklenecekler</a></li>
</ul>
</li>
</ul>
</div><!-- leftpanelinner -->
</div><!-- leftpanel -->
-
istersen if else kullan istersen de class bölümüne değişken ile değer ata ve bulunduğun sayfada değişkeni tanımla
-
jQuery ve birazcık javascript ile yapabilirsin.
Müsait bir zamanda yazayım.
ontedi tarafından 20/Kas/15 16:17 tarihinde düzenlenmiştir -
multiler çoğaldı yönetim uyuma
-
Her sayfanın üzerine sayfa değişkeni tanımla. <li tagının içerisine if ile yazdır. Eğer sayfa = iletişim ise echo class="active" gibi..
-
Daft bunu yazdı
multiler çoğaldı yönetim uyuma
https://www.youtube.com/watch?v=Ejob77zfKGU
Yönetim Uyumaa... !! :))
-