onclick实现jsp页面跳转的一个有关问题

onclick实现jsp页面跳转的一个问题
  各位好，我想实现点击文字，右边弹出新的jsp页面的简单功能，我的代码如下，点击“百度新闻”   ，跳转到 newpage.jsp页面，跳转前还进行了action的提交，但这样做的效果是将原先的页面覆盖了，未能在已有的页面的右边再弹出新的页面，请问该如何添加才能实现？这个问题应该不难，只是我刚接触，不熟悉怎么添加属性，望指点

   <div class="manager-submodule">
        <a onclick="newPage()"  style="cursor:pointer">
              <div id="user-pig" class="manager-submodule-img"
                          style="margin:0;display:block;float:left;cursor:pointer;background-image: url('<%=basePath%>resources/image/Tab-Icon-8.png');">
                        </div>
             <span id="update-conf" style=" font-size：13px;color: #ffffff; padding-left : 5px; padding-right : 10px; padding-top : 0px">
                        百度新闻</span>
          </a>
     </div>

<script type='text/javascript'>
function newPage()
{
    $.post('<%=hostPath%>/Login/syncSession.action',function(){location='<%=basePath%>newpage.jsp'});
}
</script>
------解决思路----------------------
什么左边右边的，右边是iframe?
如果是iframe，那右边iframe的name值是什么？用   iframe的name值.location.href=要跳转的页
------解决思路----------------------
方法很多啊
可以采用ajax实现
也可以采用iframe实现啊
------解决思路----------------------
<a onclick="newPage()"  target=“right” style="cursor:pointer" href="<%=basePath%>newpage.jsp">

<script type='text/javascript'>
function newPage()
{
    $.post('<%=hostPath%>/Login/syncSession.action',function(){});
}
</script>
------解决思路----------------------



function newPage()

{

   //syncSession中配置result路径为：newpage.jsp

    $('#newsDiv').load('<%=hostPath%>/Login/syncSession.action');

}



   <!-- 这个div css将它放到右边即可 -->

   <div id="newsDiv"></div>

onclick实现jsp页面跳转的一个有关问题

相关推荐