사용자가 링크를 클릭 할 때마다 헤더의 메뉴가 새로 고침됩니다. 현재 링크의 색상을 변경하는 방법은 무엇입니까?

-1

내 응용 프로그램의 모든 페이지에 header.jsp가 포함되어 있습니다. 헤더에는 4 페이지 링크가있는 탐색 메뉴도 있습니다. 사용자가 이러한 링크 중 하나를 클릭하여 해당 페이지로 이동하면 전체 페이지가 다시로드됩니다. 머리글에서 현재 페이지의 링크 색을 어떻게 바꿀 수 있습니까? 아래는 헤더입니다.사용자가 링크를 클릭 할 때마다 헤더의 메뉴가 새로 고침됩니다. 현재 링크의 색상을 변경하는 방법은 무엇입니까?

<td class="navBtn" onClick="className='navBtnSel';"><a href="ReportingTemplate.jsp"  class="bannerHeader" title="Reporting Search" target="_parent">Customer</a></td> 
       <td class="navBtn" onClick="className='navBtnSel';"><a href="BraTemplate.jsp" class="bannerHeader" title="Reporting Search" target="_parent">Branch</a></td> 
       <td class="navBtn" onClick="className='navBtnSel';"><a href="DDReportTemplate.jsp" class="bannerHeader" title="Reports" target="_parent">Reports</a></td> 
       <td class="navBtn" onClick="className='navBtnSel';"><a href="CreateUserprf.do" class="bannerHeader" title="Create User" target="_parent">Create User</a></td> 
       <td class="navBtn" onClick="className='navBtnSel';"><div style="padding-right: 14px;"><a href="LogOutAction.do" class="bannerHeader" title="Log Out" target="_parent">Log Out</a></div></td>

이 헤더가 아래와 같이 다른 페이지에 포함되어 있습니다 ..

<tr> 
     <td colspan="2" align="left"><iframe src ="Header.jsp?stflg=C" name="head" scrolling="no" frameborder="0" id="head" style="height: 150px; width: 100%;"></iframe></td> 
    </tr> 
    <tr> 
     <td id="searchCell" width="21%" align="left"><iframe style="height: 590px; margin-left: 10px; margin-right: 0px; width: 250px;" frameborder="0" id="search" name="search" src ="SearchFill.do" scrolling="no"></iframe></td> 
     <td id="bodyCell"width="79%"><iframe style="height: 590px; border-collapse: collapse; width: 100%;" frameborder="0" id="body" name="body" scrolling="auto" src="body.jsp"></iframe></td> 
    </tr>

나는 프런트 엔드에 초보자입니다. 도와주세요.

출처

2012-10-16 DJR

각 메뉴 링크에 menu_id와 같은 것을 추가 할 수 있습니다. 예 :

<a href="BranchTemplate.jsp?menu_id=2" ... </a>

menu_id 변수는 활성 메뉴를 식별하는 역할을합니다.

출처

2012-10-16 21:06:58 salih0vicX

링크에서 변수를 확인하는 방법은 다음과 같습니다 : '<% String id = request.getParameter ('menu_id'); if (null! = id &&! id.equals ("")) { // 특정 메뉴 (menu_id 기반)에 CSS 스타일을 적용하여 메뉴를 활성으로 표시 } % – salih0vicX

먼저 현재 페이지를 안정적으로 식별하는 방법이 필요합니다.

<body id="about"> 
    .... 
    <nav> 
    <a class="n-main" href="main.html"> 
    <a class="n-about" href="about.html"> 
    </nav>

그럼 당신은 할 수 재 스타일 현재 링크가이 같은 사양 : 나는 그것이 효과가 이런 식의 결과로, 각 링크에 각 body 태그에 고유 한 ID 및 ID를 추가 발견했습니다 :

body#main a.n-main, body#about a.n-about { color: red; }

body#about 안에있는 링크 만 빨간색으로 변합니다.

백엔드 코드를 사용하여 .current 클래스를 적절한 링크에 추가 한 다음 해당 스타일 지정을 작성하기 만하면됩니다.

출처

2012-10-16 21:15:06 KatieK

iframe으로하려는 '포함'을 처리하려면 일부 서버 측 기술을 조사해야합니다. (PHP, ASP.NET 등)

iframe 접근 방식을 사용하면 훨씬 복잡한 페이지를 탐색해야합니다.

출처

2012-10-16 21:17:36

사용자가 링크를 클릭 할 때마다 헤더의 메뉴가 새로 고침됩니다. 현재 링크의 색상을 변경하는 방법은 무엇입니까?

답변

관련 문제