弹出div后面窗口变灰

最新推荐文章于 2017-11-18 23:03:27 发布

hai_cheng001

最新推荐文章于 2017-11-18 23:03:27 发布

阅读量3.3k

点赞数 2

分类专栏： WEB其他文章标签： div蒙板上传进度条避免重复提交页面变灰弹出div

本文链接：https://blog.csdn.net/caohaicheng/article/details/14441247

版权

这篇博客讲述了作者在工作中遇到的文件上传时重复点击提交按钮的问题，以及如何通过实现div蒙板和模拟进度条来避免这个问题。虽然未能实现真正的文件上传进度条，但找到了一个替代方案，使得在弹出div后页面变灰，阻止了用户的重复操作。

摘要由CSDN通过智能技术生成

当时刚工作不久,做东西的时候出现个问题,就是上传文件的时候多次点击提交按钮重复提交的问题。

现在想起来解决的办法有好多种,可是当时的确纠结的够呛。领导说写个文件上传的进度条不错,还美观,当时由于小弟底子太薄,研究了一天也没整出那个实时的文件上传进度条,

无奈之下,上网找了个类似于进度条的功能（是假滴）。

<html>
<head>
<title>JS弹出一个网页对话框，后面全变灰，并不可用。</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
*{margin:0;padding:0;}
</style>
</head>
<body>
JS弹出一个网页对话框，后面全变灰，并不可用。思路：一个覆盖整个页面的层，设置透明度0
    <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
    <p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p><p>测试</p>
    <input type="button" value="点击这里" onClick="sAlert('正在上传文件,请稍后....');" />
    
<script type="text/javascript" language="javascript">
  function sAlert(str){
  var msgw,msgh,bordercolor;
  msgw=400;//提示窗口的宽度
  msgh=100;//提示窗口的高度
  titleheight=25//提示窗口标题高度
  bordercolor="#336699";//提示

最低0.47元/天解锁文章

hai_cheng001

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
弹出div后面窗口变灰

当时刚工作不久,做东西的时候出现个问题,就是上传文件的时候多次点击提交按钮重复提交的问题。现在想起来解决的办法有好多种,可是当时的确纠结的够呛。领导说写个文件上传的进度条不错,还美观,当时由于小弟底子太薄,研究了一天也没整出那个实时的文件上传进度条,无奈之下,上网找了个类似于进度条的功能（是假滴）。 JS弹出一个网页对话框，后面全变灰，并不可用。*{margin:0;
复制链接

扫一扫

专栏目录