이미 선택된 메뉴로 연결되는 항목을 강조하는 방법

Question

도움이 절실히 필요합니다. 선택된 (활성) 메뉴 항목을 강조 표시 할 수 없습니다. 메뉴 항목에 대한 링크가있는 이미지가있는 Joomla에서 모듈을 만들었습니다. 그것은 추가 메뉴와 같습니다.

<script> 
 
</script> 
 
<div class="links"> 
 
<a href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/articles"><img src="images/articles.png" alt="articles" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/twitter"><img src="images/twlink.png" alt="tw" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/facebook"><img src="images/fblink.png" alt="fb" width="23px" style="width: 23px;" /></a> 
 
</div>

그리고 지금은 "/ 뉴스"페이지 나 이미지 "뉴스"바닥 (.activemenu {border-bottom:1px #fff dotted}) 무엇 스크립트에서 경계를해야한다, 그래서 만약 어떻게 든 활성화 메뉴를 강조하고 싶습니다 각 선택된 링크를 "activemenu"클래스 또는 아래쪽 경계선을 만들기 위해 작성해야합니까?

Answer 1

다른 내 질문에 대한

찾을 수 대답 대지. 어쩌면 some1 답장을 위해

function setActive() { 
 
    aObj = document.getElementById('nav').getElementsByTagName('a'); 
 
    for(i=0;i<aObj.length;i++) { 
 
    if(document.location.href.indexOf(aObj[i].href)>=0) { 
 
     aObj[i].className='active'; 
 
    } 
 
    } 
 
} 
 

 
window.onload = setActive;

<nav id="nav" > 
 
<a href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/articles" ><img src="images/articles.png" alt="articles" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/twitter" ><img src="images/twlink.png" alt="tw" width="23px" style="width: 23px;" /></a> 
 

 
<a href="/facebook" ><img src="images/fblink.png" alt="fb" width="23px" style="width: 23px;" title="ФЕЙСБУК" /></a> 
 
</nav>

Answer 2

당신은 당신이 제공 한 정보를 기반으로 같은 것을 할 수 있습니다 : 당신의 HTML에서

을 :

스크립트에서

<a id="news" href="/news" ><img src="images/news.png" alt="news" width="23px" style="width: 23px;" /></a> 

:

var url = window.location.href.split("/") 

if(url(url.length-1) == 'news'){ 

    var d = document.getElementById("news"); //you need to add id 'news' to your news anchor tag 
    d.className += " activemenu"; 

}