4

我有一个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 i如图所示：

<iframe id="Content" name="Content" style="width:100%; height:100%; border:0; background: #green;" scrolling="yes" src="Start.jsp"></iframe>



</body>
</html>
4

1 回答 1

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>

详情见这里

于 2013-03-19T11:01:28.817 回答