include edilen veriyi her sayfada farklı gösterme.

09-02-2019, 11:21:54

Merhaba arkadaşlar.
Şimdi html bir sitem var ve 3 adet sayfası var.

<li class="active"><a href="index.html">Ana Sayfa</a></li>
<li"><a href="hakkimizda.html">Hakkımızda</a></li>
<li"><a href="iletisim.html">İletişim</a></li>

Bu menüleri her sayfaya include ediyorum. Benim sormak istediğim şu.
Dikkat ettiyseniz li nin sonunda bir active var. Yani hangi sayfada isem o active kısmını nasıl aktif edebilirim?

Demek istediğim yukarıdaki kodlar her sayfada include edilmiş. Etmemiş olsam hangi sayfada isem o sayfaya li class ına active eklerim olur biter. Fakat öyle olmadığı için ne yapacağımı bilmiyorum. Hakkımızda sayfasında isem hakkımızdadaki li active aktif olsun.

Bunu nasıl yapabilirim?

Teşekkürler.

09-02-2019, 11:37:38

#2

~~notbil~~

Üyeliği durduruldu

Adres çubugundaki adresi explode ile parçalayarak. sayfa.html kısmını alıp class da if yapısı kullanabilirsiniz.

09-02-2019, 11:38:53

#3

sever2k7

gizemsiz adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar.
Şimdi html bir sitem var ve 3 adet sayfası var.

<li><a href="index.html">Ana Sayfa</a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="iletisim.html">İletişim</a></li>

Bu menüleri her sayfaya include ediyorum. Benim sormak istediğim şu.
Dikkat ettiyseniz li nin sonunda bir active var. Yani hangi sayfada isem o active kısmını nasıl aktif edebilirim?

Demek istediğim yukarıdaki kodlar her sayfada include edilmiş. Etmemiş olsam hangi sayfada isem o sayfaya li class ına active eklerim olur biter. Fakat öyle olmadığı için ne yapacağımı bilmiyorum. Hakkımızda sayfasında isem hakkımızdadaki li active aktif olsun.

Bunu nasıl yapabilirim?

Teşekkürler.

Bootstrap kullanıyor musun?
Kullanıyorsan;

<li><a data-toggle="pill" href="index.html">Ana Sayfa</a></li>
<li><a data-toggle="pill" href="hakkimizda.html">Hakkımızda</a></li>
<li><a data-toggle="pill" href="iletisim.html">İletişim</a></li>

data-toggle="pill"

Bunu otomatik olarak yapacaktır.
Bootstrap kullanmıyorsan Komple div kodlarını yaz bakalım.

09-02-2019, 11:42:48

#4

gizemsiz

notbil adlı üyeden alıntı: mesajı görüntüle

Adres çubugundaki adresi explode ile parçalayarak. sayfa.html kısmını alıp class da if yapısı kullanabilirsiniz.

sever2k7 adlı üyeden alıntı: mesajı görüntüle

Bootstrap kullanıyor musun?
Kullanıyorsan;

<li><a data-toggle="pill" href="index.html">Ana Sayfa</a></li>
<li><a data-toggle="pill" href="hakkimizda.html">Hakkımızda</a></li>
<li><a data-toggle="pill" href="iletisim.html">İletişim</a></li>

data-toggle="pill"

Bunu otomatik olarak yapacaktır.
Bootstrap kullanmıyorsan Komple div kodlarını yaz bakalım.

Öncelikle cevaplarınız için çok teşekkür ederim. Bootstrap kullanmıyorum. Direk include ettiğim kodlar;

                  <div class="rd-navbar-nav-wrap">
                    <div class="rd-navbar-element">
                    </div>
                    <ul class="rd-navbar-nav">
                      <li class="active"><a href="index.html">Ana Sayfa</a></li>
                      <li><a href="#">Kurumsal</a>
                        <ul class="rd-navbar-dropdown">
                          <li><a href="hakkimizda.html">Hakkımızda</a></li>
						  <li><a href="referanslar.html">Referanslar</a></li>
                        </ul>
                      <li><a href="uygulamalar.html">Uygulamalar</a>
                      </li>
                      <li><a href="iletisim.html">İletişim</a>
                      </li>
                    </ul>
                  </div>

09-02-2019, 11:52:04

#5

sever2k7

gizemsiz adlı üyeden alıntı: mesajı görüntüle

Öncelikle cevaplarınız için çok teşekkür ederim. Bootstrap kullanmıyorum. Direk include ettiğim kodlar;

                  <div class="rd-navbar-nav-wrap">
                    <div class="rd-navbar-element">
                    </div>
                    <ul class="rd-navbar-nav">
                      <li class="active"><a href="index.html">Ana Sayfa</a></li>
                      <li><a href="#">Kurumsal</a>
                        <ul class="rd-navbar-dropdown">
                          <li><a href="hakkimizda.html">Hakkımızda</a></li>
						  <li><a href="referanslar.html">Referanslar</a></li>
                        </ul>
                      <li><a href="uygulamalar.html">Uygulamalar</a>
                      </li>
                      <li><a href="iletisim.html">İletişim</a>
                      </li>
                    </ul>
                  </div>

$('.rd-navbar-nav').on('click', 'li', function() {
    $('.rd-navbar-nav li.active').removeClass('active');
    $(this).addClass('active');
});

Jquery kodu.Dener misin?

09-02-2019, 11:56:02

#6

~~notbil~~

Üyeliği durduruldu

$gelenurl = $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
$urlparcala=explode("/",$gelenurl);
$urlgelen=$urlparcala[2];

Url yapısına göre 2 yazan kısmı değiştiriniz.

                  <div class="rd-navbar-nav-wrap">
                    <div class="rd-navbar-element">
                    </div>
                    <ul class="rd-navbar-nav">
                      <li class="<?php if($urlgelen=="index.html"){ ?>active<?php } ?>"><a href="index.html">Ana Sayfa</a></li>
                      <li class="<?php if($urlgelen=="hakkimizda.html" OR $urlgelen=="referanslar.html" OR $urlgelen=="uygulamalar.html" OR $urlgelen=="iletisim.html"){ ?>active<?php } ?>"><a href="#">Kurumsal</a>
                        <ul class="rd-navbar-dropdown">
                          <li><a href="hakkimizda.html">Hakkımızda</a></li>
						  <li><a href="referanslar.html">Referanslar</a></li>
                        </ul>
                      <li><a href="uygulamalar.html">Uygulamalar</a>
                      </li>
                      <li><a href="iletisim.html">İletişim</a>
                      </li>
                    </ul>
                  </div>

09-02-2019, 11:56:06

#7

gizemsiz

sever2k7 adlı üyeden alıntı: mesajı görüntüle

$('.rd-navbar-nav').on('click', 'li', function() {
    $('.rd-navbar-nav li.active').removeClass('active');
    $(this).addClass('active');
});

Jquery kodu.Dener misin?

Bunu direk include ettiğim sayfaya <script> kodlar </script> tagını kullanarak araya koyduktan sonra li class yerlerinde yani menü kısımlarında herhangi bir şey yapmayacak mıyım?

09-02-2019, 11:58:58

#8

sever2k7

gizemsiz adlı üyeden alıntı: mesajı görüntüle

Bunu direk include ettiğim sayfaya <script> kodlar </script> tagını kullanarak araya koyduktan sonra li class yerlerinde yani menü kısımlarında herhangi bir şey yapmayacak mıyım?

Hayır dostum.Script taglarının arasına koy çalışması lazım.
DİPNOT : Sayfanda jquery'i çağırdığıan emin ol

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

09-02-2019, 11:59:48

#9

Kem4l

Bold yaptığım yerleri kendi php dosyanızın adı neyse onunla değiştiriniz.

<?php $phpfile=$_SERVER["PHP_SELF"];?>
<li<?php if(strpos($phpfile,"index")!==false){echo ' class="active"';}?>><a href="index.html">Ana Sayfa</a></li>
<li<?php if(strpos($phpfile,"hakkimizda")!==false){echo ' class="active"';}?>><a href="hakkimizda.html">Hakkımızda</a></li>
<li<?php if(strpos($phpfile,"iletisim")!==false){echo ' class="active"';}?>><a href="iletisim.html">İletişim</a></li>

Bu şekilde çalışacaktır ama dediğim gibi PHP tabanlıysa scriptiniz.
Gerçi PHP bölümüne açtığınıza göre %100 çalışacaktır. Rica ederim şimdiden