Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

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

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

örneğin: A sayfasındayken A linki kırmızı dursun aynı şekilde B sayfasındayken B linki kırmızı dursun.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • -1
    hummerabi adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    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 adlı üyenin fotoğrafı 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>
      
      8 yıl önce yazılmış

Cevaplar

  • AycanB adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    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
  • yakuter adlı üyenin fotoğrafı
    8 yıl önce yazılmış
    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 ;)