aktif olan menü linki sayfa içindeyken nasıl aktif gösterilir?

Doğru Cevap

• -1
  

  10 yıl önce yazılmış

  hummerabi

  11 cevap - 0 soru
  oncelikle bir css class tanimlarsin "aktif" ozelliklerini belirtmek icin
  
  .active {
  font-color:#000000
  text-decoration: none;
  }
  
  Herhangi bir linki aktif gostermek icin bu css class'i eklemen yeterli.
  link1
  link2
  Bu da bir cok sekilde mumkun.
  1- Ister server side'da (php/ruby/python ...etc) html'i olustururken
  2- Ister js ile client side'da
  function activateLink(id){
  var e = document.getElementById(id);
  var existingClass = e. getAttribute("class");
  e.setAttribute("class", existingClass + " active");
  }
  Bir cok js framework(jquery, prototype, yui) yukardaki isi tek satirda yapmak icin fonksiyonlar tanimlar.

  • hummerabi
    yukardaki cevapta yazdigim ornek html kodu parse edilmis. O kisim soyle olacak:
    

    <a id="link1" href="/blah" class="active menu">link1</a>
    <a id="link2" href="/bleh" class="menu"> link2 </a>
    

    10 yıl önce yazılmış

Cevaplar

• 

  10 yıl önce yazılmış

  AycanB

  2 cevap - 0 soru
  bunu php ile yaparsın sayfayı sorgulattırıp sayfaya göre diye class verirsin. Js ilede yapabilirsin geçen tab menu yaparken kullanımıştım. $(this).addClass('secili'); örnek :http://aycan.net/Ek/tabmenu.html
• 

  10 yıl önce yazılmış

  yakuter

  2 cevap - 1 soru
  Yani kıscası css ile tanımlarken normal a etiketini, ve a:hover'ı tanımladığın gibi bir de a.aktif şeklinde etiket tanımla. Ardından PHP ile seçilmiş olan menüye "aktif" eklersiniz olur biter ;)