當提交表單時,此時操作人員只需等待結果返回,這裏,我實現了一個覆蓋網頁的方法,使得整個網頁被一個很大的div覆蓋,這樣操作人員就不能點擊頁面的內容了。實現很簡單,一個div
<div id="doing" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%; display:none "> <table width="100%" height="100%"> <tr align="center" valign="middle"> <td> <table width="169" height="62" bgcolor="#99cccc" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px"> <tr align="center" valign="middle"> <td>頁面提交中.<br> Loading.</td> </tr> </table> </td> </tr> </table> </div> 頁面最初載入時把它隱藏起來,當按下提交按鈕時讓它顯示。結果返回後再次讓它隱藏。jsp代碼: <% String content=request.getParameter("tc"); if(content==null){ %> <form action="#" method="post" οnsubmit="return show()"> <textarea name="tc">dfdfsdf dfdaf</textarea> <input type=submit value=" go " > </form> <% } else{ if(content.indexOf("/n")==-1) out.println("haha"); // content=content.replaceAll("/n","<br>"); %> <textarea> <% out.println(content); %> </textarea> <% } %> show方法: function show(){ document.getElementById('doing').style.display='' return true; } 當表單提交併返回結果時,頁面重新加載,div的display屬性自動又變爲none。達到了想要的效果。 |
<script language="javascript"> |