Posted on 2007-01-14 23:31
sugo 閱讀(2082)
評論(2) 編輯 收藏
??? 當提交表單時，此時操作人員只需等待結果返回，這里，我實現了一個覆蓋網頁的方法，使得整個網頁被一個很大的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" onsubmit="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。達到了想要的效果。