Php ile Active Passive Menü Algılama (Active Class Atama)

adminAnasayfa, Web Tasarım, Yazılım0 Yorum20 Aralık 2019



Php ile proje geliştriyorsanız ve elinizde css menü olduğunu düşünürsek (Class=”active”) şeklinde atayarak menüde seçili olan sayfayı oluşturmak için aşağıdaki kod bloğu ve yapılandırmasını kullanabilirsiniz.

Öncelikle bir header.php ve footer.php oluşturarak bu iki yapı ortasına index.php sayfamızı oluşturduğumuzu düşünürsek;

index.php sayfası icin;

 

<?php

$current_page = ‘index’; //Secili sayfaya index adını veriyoruz.

require_once ‘sablon/header.php’;?>

<?php require_once ‘sablon/footer.php’;?>

 

Daha sonra menümüzün bulunduğu ‘header.php’ de menü bloğumuza aşağıdaki kod yapısını oluşturabiliriz.

<nav class=”collapse”>
<ul class=”nav nav-pills” id=”mainNav”>
<li><a <?php if($current_page==’index’){echo ‘class=”active”‘;} ?> href=”index.php”>ANASAYFA</a></li>
<li><a <?php if($current_page==’about’){echo ‘class=”active”‘;} ?> href=”about.php”>HAKKIMIZDA</a></li>

<li class=”dropdown”><a class=”dropdown-item dropdown-toggle <?php if($current_page==’services’){echo ‘active’;} ?>” href=”#”>HİZMETLERİMİZ</a>
<ul class=”dropdown-menu”>
<li><a class=”dropdown-item” href=”services.php”><strong>Ev Restorasyonu</strong></a></li>
<li><a class=”dropdown-item” href=”services.php”><strong>İşletme Tadilatı</strong></a></li>
</ul>
</li>

<li><a class=”<?php if($current_page==’contact’){echo ‘active’;} ?>” href=”contact.php”>İLETİŞİM</a></li>

</ul>
</nav>

 

Yukarıdaki kod bloğunu incelediğimizde 2 şekilde kullanabiliyoruz.

1. Yol;  Direk olarak <a class” //Aşağıdaki kod buraya gelicek…” href=”index.php”>Anaysayfa</a>

<?php if($current_page==’services’){echo ‘active’;} ?>// Class icerisine yazılacak

2.Yol; <a // Aşağıdaki kod buraya gelicek//  href=”index.php”>Anasayfa</a>

<?php if($current_page==’index’){echo ‘class=”active”‘;} ?>// a tagının icerisine  class=”active” yazacaktır.

 

Bu işlemleri yaptıktan sonra  hangi menüye tıklarsak o menünün class’ına active yazılacaktır.



Etiketler: , , , , , , , , , , ,

Php ile Active Passive Menü Algılama (Active Class Atama) Hakkında Yorum Yaz

Sponsor Reklam Bigmoni Sponsor Reklam Sponsor Reklam Sponsor Reklam
Galaxy S5 (SM-G900F) Android 6.0.1 Marshmallow Yükleme

Galaxy S5 (SM-G900F) Android 6.0.1 Marshmallow Yükleme

Galaxy S 5 Orjinal Rom Yükleme Galaxy S5 Telefonlar için

admin13 Yorum25 Mayıs 2016
Web siteleri için en iyi seo nedir? Ne kadar önemlidir?

Web siteleri için en iyi seo nedir? Ne kadar önemlidir?

Web siteleri için en iyi seo nedir? Öncelikle SEO’nun ne

admin4 Yorum14 Nisan 2016
Basit Bir Youtube Mp3 İndirme Scripti

Basit Bir Youtube Mp3 İndirme Scripti

Bir Sitenin api’si kullanılarak yazılan basit bir video to Mp3

admin4 Yorum16 Nisan 2016
WordPress Free Çoklu Dil Eklentisi

WordPress Free Çoklu Dil Eklentisi

  WordPress siteleri için ücretsiz kullanabileceğiniz bir çoklu dil eklentisi

admin3 Yorum20 Nisan 2016
Android Cihazınızın RAM’ını yükseltin

Android Cihazınızın RAM’ını yükseltin

  Windows işletim sisteminde USB (flash) belleği RAM olarak kullanabiliyorduk.

admin3 Yorum22 Nisan 2016
Php htaccess ile Url Rewriting Seo Url Yapımı (Permalink)

Php htaccess ile Url Rewriting Seo Url Yapımı (Permalink)

Php projelerinizde urllerinizin anlamlı ifadeler oluşturması ve google vs. arama

admin0 Yorum29 Aralık 2019
Php ile Active Passive Menü Algılama (Active Class Atama)

Php ile Active Passive Menü Algılama (Active Class Atama)

Php ile proje geliştriyorsanız ve elinizde css menü olduğunu düşünürsek

admin0 Yorum20 Aralık 2019
Xiaomi Amazfit Bip Saat İçin Android Cihazlarınızdan Kolay Arayüz Yükleme

Xiaomi Amazfit Bip Saat İçin Android Cihazlarınızdan Kolay Arayüz Yükleme

Bende bir Amazfit Bip kullanıcısıyım.  Önceleri ios iphone cihazıma bağlı

admin0 Yorum20 Aralık 2019
Amazfit Bip Saat Arayüzleri Tema Yükleme Arayüz Oluşturma

Amazfit Bip Saat Arayüzleri Tema Yükleme Arayüz Oluşturma

Amazfit Bip saat kullanıcısıyım oldukça güzel bir saat ve bu

admin0 Yorum8 Ekim 2019
Php programlama dili ile  Pdf upload etme

Php programlama dili ile Pdf upload etme

Php programlama dili ile pdf dosyası kaydetmek için gerekli kod

admin0 Yorum25 Eylül 2019
izmir asm temizliği
This is awesome content and i like it. I'll share this content to my facebook and with my fallowers.…
Google
Here is a good Blog You might Come across Interesting that we encourage you to visit.
ShavonneBig
Hello. I have checked your mustafakarahasan.com and i see you've got some duplicate content so probably it is the…
oprol evorter
Nice post. I was checking continuously this blog and I'm impressed! Extremely useful information specifically the last part :) I…
oprolevorter
I always was concerned in this subject and stock still am, regards for putting up.