-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>

我是前端的初学者。请帮忙。

4

3 回答 3

0

您首先需要一种可靠地识别当前页面的方法。我发现为每个正文标签添加一个唯一 ID 并为每个链接添加一个 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-16T21:15:06.157 回答
0

您需要研究一些服务器端技术来处理您尝试使用iframe. （如 PHP、ASP.NET 等）

使用您的iframe方法，您将使页面之间的导航变得比需要的复杂得多。

于 2012-10-16T21:17:36.183 回答
0

您可以在每个菜单链接中添加类似 menu_id 的内容。例子：

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

menu_id 变量将用于识别活动菜单。

于 2012-10-16T21:06:58.380 回答