如何在点击页面某按钮后,让页面变灰,使得不能再操作?

wappibz 2010-01-08 03:14:52
是这样,我想在页面上某些按钮后,弹出一个对话框,要求用户选择是或否,
比如:用户要删除一个东西,那么弹出对话框要求用户选择是否删除。那么与此同时,我希望让页面除对话框部分都变灰,而且不能点击。直到用户点击确定或取消后,对话框消失,这时页面恢复成原状。
再比如,用户回帖,当用户点击回帖发送按钮后,立即显示一个等待gif图标,页面其他部分同样变灰,同样不能做任何操作,直到回帖成功后,页面恢复成原样或者直接跳转页面。

请问这样的功能,应该用什么样的技术来完成? javascript或者jquery能做到么?能的话能告知一二么?

谢谢!
...全文
466 4 打赏 收藏 举报
写回复
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Inpool 2010-01-08
  • 打赏
  • 举报
回复
可以的,弹出一个全页面大小的半透明div,然后给他的一个click事件的回调函数,在回调函数里取消冒泡。
jol_boy 2010-01-08
  • 打赏
  • 举报
回复 1
介绍你看一下,cloudgamer已经研究的很透彻了~
http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html
wappibz 2010-01-08
  • 打赏
  • 举报
回复
这个遮幕是一个啥样的东西啊? 能不能给个例子?

如果用一个灰色的div来做的话,能阻止点击事件发生么?能让其下的html半透明的显示出来么?
jol_boy 2010-01-08
  • 打赏
  • 举报
回复
就是一个遮幕,操作在进行中时,将这个层展现出来,覆盖在当前页面上,动作完成遮幕取消
相关推荐

1,项目功能:

     (1)房间管理:该模块主要实现房间信息的查询,房间信息的删除,房间信息的修改以及房间信息的查看。管理员可以在系统中查看房间列表,并对列表信息后面得编辑按钮进入编辑页面,在编辑页面把修改内容修改完后,点击提交按钮完成修改操作,用户也可以根据列表中的删除按钮把对应信息删除,通过点击添加按钮,进入添加页面,填入添加的信息,完成添加。

(2)预定管理:该模块主要实现房间预定信息的添加,删除,修改和查看功能。管理员可以查看房间预定列表,并对列表信息后面得编辑按钮进入编辑页面,在编辑页面把修改内容修改完后,点击提交按钮完成修改操作,用户也可以根据列表中的删除按钮把对应信息删除,通过点击添加按钮,进入添加页面,填入添加的信息,完成添加。

(3)退房管理:主要实现退房和查看退房记录信息功能。管理员可以查看客户的退房记录信息,也可以对提出退房的客户,进行退房操作

(4)入住管理:主要实现入住记录查询,入住记录添加,入住记录修改以及入住记录删除功能。管理员可以查看房间入住列表,并对列表信息后面得编辑按钮进入编辑页面,在编辑页面把修改内容修改完后,点击提交按钮完成修改操作,用户也可以根据列表中的删除按钮把对应信息删除,通过点击添加按钮,进入添加页面,填入添加的信息,完成添加。

(5)收入记录:该模块中主要实现收入记录的添加,修改和查看功能。管理员可以查看收入的详细信息,并对收入信息进行核对,把不合理和需要更新的数据进行修改,把没有入账的收入记录,添加到数据库中。

(6)入住统计:主要实现入住数据统计和收入数据统计功能。管理员可以查看所有入住信息的统计数据和收入的统计数据,并以图表的形式展现出来。

(7)客户管理:主要对客户信息进行添加,修改,删除和查看操作。管理员可以查看客户列表,并对列表信息后面得编辑按钮进入编辑页面,在编辑页面把修改内容修改完后,点击提交按钮完成修改操作,用户也可以根据列表中的删除按钮把对应信息删除,通过点击添加按钮,进入添加页面,填入添加的信息,完成添加。

(8)员工管理:主要对员工信息进行添加,修改,删除和查看操作。管理员可以查看员工列表,并对列表信息后面得编辑按钮进入编辑页面,在编辑页面把修改内容修改完后,点击提交按钮完成修改操作,用户也可以根据列表中的删除按钮把对应信息删除,通过点击添加按钮,进入添加页面,填入添加的信息,完成添加。

(9)系统设置:主要实现权限管理和数据备份功能。

 

     适合做毕业设计参考项目。

2,涉及技术:SSM框架,Tomcat

3,开发环境:IDEA,MySQL数据库

4,讲解方式:从环境安装,项目搭建,以及项目介绍等进行讲解

5,包含资料:项目源码(含数据库文件),环境安装包,项目文档。

发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-08 03:14
社区公告
暂无公告