topicDetails.jsp:
<div class="right_theme" id="rightTheme">
</div>
<jsp:include page='/common/page.jsp'/>
$("#rightTheme").load(url);
document.getElementById("rightTheme").url=url;
topic_knowledge.jsp:
<script type="text/javascript" src="<c:out value="${ctx}"/>/js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="<c:out value="${ctx}"/>/js/commonKE.js"></script>
<script type="text/javascript">
ajaxAnywhere.getZonesToReload = function() { return "zoneName"; }
</script>
<aa:zone name="zoneName">
<form action="<c:out value="${ctx}"/>/topic.do?method=showKnowByNowTopic" method="post" id="mainform" name="mainform">
<input type="hidden" id="topicId" name="topicId" value="${topicId}"/>
......
</form>
<!--搜索 -->
function searchByName(){
var f = document.forms[0];
var searchName = document.getElementById("searchNamehi").value;
document.getElementById("searchName").value=searchName;
ajaxAnywhere.formName = "mainform";
ajaxAnywhere.submitAJAX();
// f.action="<c:out value="${ctx}"/>/myContributeController.do?method=departementKnowledgePageRight&searchName="+searchName;
// f.submit();
}
<%@ include file="/common/common.jsp"%>:
<%= "<!-- "+request.getRequestURI()+" -->" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib uri="http://ajaxanywhere.sourceforge.net/" prefix="aa" %>
<link rel="stylesheet" href="<c:out value="${ctx}"/>/css/common.css" type="text/css" />
<script language="javascript" src="<c:out value="${ctx}"/>/erm-commons/scripts/aa.js" type="text/JavaScript"></script>
<script>
/**
* Default sample loading message show function. Overrride it if you like.
*/
AjaxAnywhere.prototype.showLoadingMessage = function() {
var div = document.getElementById("AA_" + this.id + "_loading_div");
if (div == null) {
div = document.createElement("DIV");
document.body.appendChild(div);
div.id = "AA_" + this.id + "_loading_div";
div.className = "aa-mask";
div.innerHTML = "<div></div>";
}
div.style.display = "";
}
</script>
<style>
.aa-mask {
z-index: 100000;
position: absolute;
top:0;
left:0;
font-style:normal;
-moz-opacity: 80;
opacity: 80;
filter: alpha(opacity=60,finishopacity=2);
width: 100%;
height: 100%;
background-color:#ffffff;
zoom: 1;
text-align: center;
}
.aa-mask div{
position: absolute;
width: 150px;
height: 150px;
background-image:url("<c:out value="${ctx}"/>/erm-commons/theme/2010/images/loading.gif");
top:40%;
}
</style>
另:
需加的部分(
-
ajaxAnywhere.getZonesToReload = function() { return "zoneName"; }
-
<aa:zone name="zoneName">
-
ajaxAnywhere.formName = "mainform";
-
ajaxAnywhere.submitAJAX();
-
<form id="mainform" name="mainform">
-
<%@ include file="/common/common.jsp"%>
)
实现局部刷新:刷新父页面的某一个iframe;(div的ID="modelload")
window.parent.$("#modelload").load(url);