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
WordPress Eski Editöre Nasıl Geçilir…(Klasik Düzenleyici)

WordPress Eski Editöre Nasıl Geçilir…(Klasik Düzenleyici)

Yeni WordPress Gutenberg editörünü beğenmediniz mi? Eski Tiny MCE editörüne

admin4 Yorum6 Mart 2019
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
Ücretsiz Sıfırdan ios programlama eğitimi UDEMY

Ücretsiz Sıfırdan ios programlama eğitimi UDEMY

Udemy Platformunda online kursları hazırlayan eğitmenler belirli bir öğrenci sayısına

admin0 Yorum27 Mayıs 2020
Ücretsiz Sketch Arayüz Tasarlama Programı UDEMY Türkçe Eğitim Seti

Ücretsiz Sketch Arayüz Tasarlama Programı UDEMY Türkçe Eğitim Seti

Udemy Platformunda online kursları hazırlayan eğitmenler belirli bir öğrenci sayısına

admin0 Yorum26 Mayıs 2020
Acun Survivor 2020 Yarışmasında Bir Dünya Rekoruna İmza Attı

Acun Survivor 2020 Yarışmasında Bir Dünya Rekoruna İmza Attı

En popüler sosyal medya uygulamalarından olan instagram canlı yayınlar için

admin0 Yorum26 Mayıs 2020
Ücretsiz UDEMY Google Android Programlama Kursu Eğitimleri

Ücretsiz UDEMY Google Android Programlama Kursu Eğitimleri

Android Kotlin Programlama eğitimlerini  ücretsiz UDEMY Eğitimini sizlerle paylaşıyorum. Udemy

admin0 Yorum10 Nisan 2020
Google ADS Adwords 2020 A’dan Z’ye Reklam Eğitimi (Türkçe)

Google ADS Adwords 2020 A’dan Z’ye Reklam Eğitimi (Türkçe)

Google ADS Adwords 2020 A’dan Z’ye Reklam Eğitimini ücretsiz UDEMY

admin0 Yorum10 Nisan 2020
elitseo
Klasik düzenleyici eklentisini kullanmadan bir kod ile yapıyorduk bir türlü bulamadım, Hatırlayan var mı?
Akin
Bu sorunla boğuşan diğer arkadaşlara nacizane tavsiyem ise tüm kodların en başına ve en sonuna eklemeleri benim gibi sadece header…
admin
İnstagram İçin Repost++ Uygulaması kullanabilirsiniz ama saatte 10 adet kişi çıkarabiliyorsunuz daha fazla çıkarabilmek icin ücretli hesap kullanmanız gerekli.
cengiz
instagram için var mı ?
izmir asm temizliği
This is awesome content and i like it. I'll share this content to my facebook and with my fallowers. Keep…