Posted on 2007-01-14 23:31
sugo 閱讀(2082)
評論(2) 編輯 收藏
??? 當(dāng)提交表單時，此時操作人員只需等待結(jié)果返回，這里，我實現(xiàn)了一個覆蓋網(wǎng)頁的方法，使得整個網(wǎng)頁被一個很大的div覆蓋，這樣操作人員就不能點擊頁面的內(nèi)容了。實現(xiàn)很簡單，一個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>
???? 頁面最初載入時把它隱藏起來，當(dāng)按下提交按鈕時讓它顯示。結(jié)果返回后再次讓它隱藏。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;
?? }
??? 當(dāng)表單提交并返回結(jié)果時，頁面重新加載，div的display屬性自動又變?yōu)閚one。達到了想要的效果。