2013-03-19 115 views
4

我有一个jsp页面,当提交时需要5分钟左右的时间才能进入下一个页面进程,如果有几个项目需要提交,就返回。冻结一个JSP页面

在此期间,状态栏会显示一个加载状态,直到它可以移动到提交的页面。

同时用户可以自由点击他喜欢的任何按钮。

我想在此期间冻结jsp页面,以便用户在此间隔期间无法点击任何butoons。

我该如何实现相同。

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:

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



</body> 
</html> 

回答

3

你可以使用.blockUI()插上的jQuery

这是一个很好的插件做

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的细节

+0

@Dark Matter你检查了它吗 – PSR 2013-03-19 11:03:56

+0

当然,这并不能阻止用户使用浏览器后退按钮。好的插件,但。 – 2013-03-19 11:03:58

+0

要求是用户将无法点击任何butoons在此间隔。所以它将符合要求 – PSR 2013-03-19 11:05:05