0

我有一个 index.jsp 页面,例如,

<%@ include file="header.jsp" %>

<table id="" width="100%" height="100%">
    <tr>
        <td align="left" width="30%">
            <table>
                <tr><td><a href="EmployeePage.jsp">Register employee</a></td></tr>
                <tr><td><a href="empSearch.jsp">Search employee</a></td></tr>
                <tr><td><a href="empDelete.jsp">Delete employee</a></td></tr>
            </table>
        </td>
        <td align="left" width="70%">
            <%@ include file="EmployeePage.jsp" %>
        </td>
    </tr>
</table>
<%@ include file="Footer.jsp" %>

我为员工准备了这 3 个功能的所有页面。

现在我只想知道我可以将页面加载到最右边的 td,(where i had given as <%@ include file="EmployeePage.jsp" %> now).. 当用户单击左侧 td 中的链接(注册、搜索和删除)时,我希望将相应的页面加载到最右边的 td 中。 .

IE .. 我希望我的索引页面中的所有内容都是静态的,除了最右边的 td 是动态的。

我真正想要的是让我的页面像这个页面

我是jsp的新手..所以示例代码将是可观的..

4

2 回答 2

0

我可以想到两种方法:

  1. 您可以使用iFrames.
  2. 您不使用锚元素,而是使用jqueryor显示和隐藏不同的页面,并在需要时进行javascript一些ajax点击。

如果你只是谷歌,他们都有很多例子。

于 2012-04-18T06:42:22.647 回答
0

这个示例 jQuery 代码应该可以帮助你

<a href="#" onclick="loadjsp()">Register employee</a>
<div id="divId"></div>

function loadjsp(){
    $.ajaxSetup ({
        cache: false
    });
    $("#divId").load("EmployeePage.jsp");   
}

当您单击时Register employee,将调用该函数,该loadjsp()函数将加载您的jsp.

于 2012-04-18T09:01:59.593 回答