Css ile menubar

Doğru Cevap

• 

  12 yıl önce yazılmış

  halidaltuner

  144 cevap - 4 soru
  Merhabalar,
  
  PHP ile dinamik kontrol yaptırmanız gerekiyor. Aşağıda eklediğim fonksiyon sayfanın url'sini basar. CSS kısmını da dinamik şu şekilde düzenlemeniz gerekiyor.
  
  curPageURL fonksiyonu "iletisim" seklinde dönüyorsa iletişim için css'i değiştirmeniz gerekecek. Ufak bir kontrol işinizi görecektir.
  
  

  function curPageURL() {
   $pageURL = 'http';
   if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
   $pageURL .= "://";
   if ($_SERVER["SERVER_PORT"] != "80") {
    $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
   } else {
    $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
   }
   return $pageURL;
  }
  

  • varezci
    benim yapmaya çalıştığım sayfa tamamen html üzerinden çalışsın diye uğraşıyorum yani php ile bu işlemi yapmaya çalışmıyorum cevabınız için teşekkür ederim daha önce yaptığım bir kaç web sitesinde uygulamıştım fakat javascript bilgim olmadığı javascript ile yapılabilir mi? idi sorum.
    12 yıl önce yazılmış
  • halidaltuner
    "php üzerinden" deyince ben öyle anladım.
    12 yıl önce yazılmış
  • halidaltuner
    Javascript ile sayfanın o an ki path'ini alın.
    
    

    var pathURL= location.pathname;
    

    
    
    pathURL değişkeninde dönen değer "iletisim" ise jQuery selector veya pure javascript selector ile css'i değiştirirsiniz.
    
    Tam olarak sayfalarınızın url'lerini yazarsanız ona göre regex yazabilirim. Sayfa url şemalarınıza göre değişecek bir cevap :)
    
    Ancak örnek verirsem;
    / - > Anasayfa
    /forum -> Forum
    /dersler -> Dersler
    /mesaj -> Mesaj
    /cikis -> Çıkış
    
    şeklinde url şemalarınızın olduğunu düşünelim. / işaretinden önce site adresiniz geleceği için javascript ile path url değeri sadece / işaretinden sonraki değeri dönderir.
    
    Adreslerimizin bu şekilde olduğunu kabul edersek;
    
    

    $(document).ready(function() {
       var pathURL = location.pathname;
       if(pathURL == "")
       $('li#anasayfaButon').css("font-style","italic");
       else(pathURL == "forum")
       $('li#forumButon').css("font-style","italic");
       else
        ...
       // şeklinde devam eder.
     });
    

    
    
    Butonların li olduğunu kabul ettim. Adresin path'inden hangi değer dönerse ona göre o butonun(li) text-style değerini italik yapıyor. Css kısmını kendinize göre değiştirebilirsiniz.
    
    iyi çalışmalar,
    12 yıl önce yazılmış

Cevaplar