我有一个jsp页面,在提交时需要大约5分钟才能进入下一页进程,如果有几个要提交的话,请回来。
在此期间,状态栏会显示加载状态,直到它可以移动到提交的页面。
同时,用户可以随意点击他喜欢的任何按钮。
我想在此期间冻结jsp页面,以便用户在此间隔期间无法点击任何按钮。
我怎样才能达到同样目的。
A small snippet:
<html>
<script type="text/javascript">
function submit page()
{
document.forms["submitForm"].submit();
}
</script>
<body>
<form name="submitForm" action"newPage.jsp" method="post">
<input type="button" onclick="page()"/>
</form>
显示所有jsp的iframe iin如下所示:
<iframe id="Content" name="Content" style="width:100%; height:100%; border:0; background: #green;" scrolling="yes" src="Start.jsp"></iframe>
</body>
</html>
答案 0 :(得分:3)
你可以在jQuery中使用.blockUI()插件
这是一个很好的插件
function submit page()
{
$.blockUI({
css: {
top: 0,
left: 0,
width: '100%'
}
});
document.forms["submitForm"].submit();
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://malsup.github.com/jquery.blockUI.js"></script>
see here了解详情