2013-03-19 128 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