每次用戶點擊鏈接時，標題中的菜單都會重新加載。如何改變當前鏈接的顏色？

-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'）;如果（null！= id &&！id.equals（「」）） { //將某些css樣式應用於特定菜單（基於menu_id）以將菜單標記爲有效 } } – salih0vicX

您首先需要一種可靠地識別當前頁面的方法。我發現它有效的一個唯一的ID給每個body標籤，和ID添加到每個環節，從而導致這樣的事情：

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

然後你就可以重新風格當前鏈路與這樣的規格：

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

只有在body#about內部的鏈接將變爲紅色。

使用後端代碼，您還可以將.current類添加到適當的鏈接，然後只需編寫一個樣式規範。

來源

2012-10-16 21:15:06 KatieK

您需要調查一些服務器端技術來處理您正在嘗試使用iframe執行的'include'。（如PHP，ASP.NET等）

有了您的iframe的方法，你要作的網頁遠遠複雜得多，它需要之間進行導航。

來源

2012-10-16 21:17:36

每次用戶點擊鏈接時，標題中的菜單都會重新加載。如何改變當前鏈接的顏色？

回答

相關問題