Question

JSP页面弹出模态窗口

问题描述：
在一张jSP页面上有许多输入框和下拉列表框。当用户修改这些值，后台会立即保存。在保存的过程中，后台需要做一些逻辑处理，比较耗时。
如果遇到server比较慢的情况，用户又不断的修改JSP页面的输入框和下拉列表框，这样就会导致server出现异常。

解决办法：
1.增加保存按钮，当用户修改完所有项，点保存按钮才真正开始保存。
2.在用户修改一个值之后，后台开始保存，这是弹出一个模态窗口（比如旋转的图片或进度条），原来的JSP页面就不能操作了，当保存结束，模态窗口自动消失。

我的问题：
第一种方式实现起来比较简单，但是增加了用户的操作次数（还要点一次保存按钮），和其他界面的操作风格也不一样。所以不可取。

现在想实现第二种方式。但不知道该如何做，这就是我的问题所在。比如用Javascript+DIV该如何实现？谢谢！

Answer 1

jsp中的模态窗口是通过调用js方法弹出的。
js中的弹出方法:
<script type="text/javascript">
function openWin(src, width, height, showScroll){
window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scroll:"+showScroll+";");
}
</script>
参数说明：
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过
window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status: {yes | no | 1 | 0 } [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

Answer 2

使用 dhtmlxwindow 控件很简单。

其实点击保存按钮后，你可以把保存按钮 禁用，待后台返回信息后，在更改为可用状态。

手写 js+div 也比较简单。
代码，自行百度搜索 “div js 遮罩层”