• 11-09-2021, 14:41:49
    #1
    <ul>
    <li><a href="hakkimizda"></a></li>
    <li><a href="iletisim"></a></li>
    </ul>

    yukardaki gibi hangi linke tıklandıysa li'ye otomatik active değerini vermek istiyorum. Bunu js ile nasıl yapabilirim?
  • 11-09-2021, 14:47:37
    #2
    ls ye kayıt edebilirsiniz. Sayfa yüklendiğinde ls den activeyi alır kullanırsınız.
  • 11-09-2021, 14:48:43
    #3
    Misafir adlı üyeden alıntı: mesajı görüntüle
    ls ye kayıt edebilirsiniz. Sayfa yüklendiğinde ls den activeyi alır kullanırsınız.
    Neyi araştırayım hocam? Is nedir? Kaynak olarak yönlendireceğiniz bir yer var mı?
  • 11-09-2021, 14:52:28
    #4
    buddy adlı üyeden alıntı: mesajı görüntüle
    Neyi araştırayım hocam? Is nedir? Kaynak olarak yönlendireceğiniz bir yer var mı?
    Local storage hocam. Bir linke tıklandığında localStorage.setItem('active','hakkimizda') ile local storage neye tıklandığını kaydedebilirsiniz. Eğer kayıt yoksa sayfa yüklendiğinde ana sayfayı active yapabilirsiniz. Eğer kayıt varsa localStorage.getItem('active') ile kaydı alıp ilgili yeri active yapabilirsiniz.
    Daha basit yöntemi indexof ile arayabilirsiniz.
    if (document.URL.indexOf('hakkimizda')>-1) {
    document.querySelector('.hakkimizda').classList.ad d('active')
    }
    Bu şekilde url taramak daha kesin sonuç verecektir.
    • buddy
    buddy bunu beğendi.
    1 kişi bunu beğendi.
  • 11-09-2021, 15:25:23
    #5
    tıklanana bir click eventi atıp tıklanan elemana classlist.add ile css tarafında oluşturduğun sallıyorum tolgaactive clasını ver vermeden öncede tüm li elementlerinden bu clası kaldır. stacowerflowda active element in js yazarak bulabilirsiniz.