如何实现表单提交时提示正在发送
来源：风之相随BLOG 发布时间：2008-12-23 13:30:00
标签：提示,表单,脚本,新浪
很简单的方法，但很实用。用过新浪邮箱的朋友应该会知道此脚本的效果。如果您提交的数据处理时间很长，用这个做为提示很不错的.
将下面的代码复制到<head>~</head>里
程序代码
<script language=javascript>
<!--
function showSending() {
sending.style.visibility="visible";
}
-->
</script>
将下面的代码复制到<body>~</body>里
程序代码
<form method="post" action="../0001/success.asp"><div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">
<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
<tr>
<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
</tr>
</table>
</div>
<table width="95％" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#8FA8E9" bordercolordark="#FFFFFF">
<tr align="center">
<td height="30" class="bg3" colspan="2">
<input type='submit' name='ACTION' value='发送' onClick="showSending()">
</td>
</tr>
</table>
</form>
分解说明：
第一步：
先制作一个图层，里面放好你要显示的文件，然后隐藏，如下：
程序代码
<div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">
<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
<tr>
<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
</tr>
</table>
</div>
第二步：
定义表单的提交按钮的Onclike事件：
程序代码
<input type='submit' name='ACTION' value='发送' onClick="showSending()">
第三步：
将提交按钮的事件定义成Javascript：
程序代码
<script language=javascript>
<!--
function showSending()
{
sending.style.visibility="visible"; // 修改sending图层的属性为可显示的图层
}
-->
</script>
0
投稿猜你喜欢
- 比如说点的是图片的左边，还是右边，上边还是下边？点击图片左右显示上下张，我怎么知道？这样就可以做出像QQ空间那样，打开上一个图片和下一个图片
- 通常我们做网站，设计版面布局是第一步，如何做到版面布局具有创意又美观大方呢?这就需要一定的版面处理功底。让我们先来了解一下版面布局的步骤:一
听说 FaceBook 开放其网站的代码了，期前也算是了解过 FaceBook 的架构，所以重点就是看其代码的质量。可以毫不夸张的说，Fac- 链接的 target 属性怎么用 JS 来控制？ 在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a&g
- 星期五写了个分类信息的小东东!在数据库里只有ip地址,一般访客不太清楚IP地址来源于哪个城市.如果在表里多一个列保存城市又没有真实性可言.如
- Javascript中的eval函数让我们可以很方便地操作一系列变量（a1,a2,a3,……）。自从VBScript 5.0之后，我们也可以
- 对想要在可视化的环境下制作复杂网页的专业网页制作者来说，Dreamweaver 已经渐渐在网页编辑工具市场中展露头角，成为专业人士
- Hello, 大家好，又是我~ 大家有看过font set和一些要注意的基本问题以及通用字体族两篇文章后，应该对字体的基本有了一些了解。现
- 在做DHTML时，我们在某些情况下要用setAttribute(attri, value)方法定义元素的attribute。同时与getAt
- 和朋友讨论时，我提到过一个观点，所有框架层设计中，最核心的是导航设计。最近更看到有国外同行提出“80％的可用性是导航！”因为良好的导航可以保
- 我设了个排卖的起始时间然后设了一个结束时间现在要精确到小时比如提示 “离到期时间：1天XX小时”大家有什么想法吗？我就是在小时总是不能实现，
- 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码；服务器Response被XMLHTTP不正确编
- 但是，具有identity特性的字段，不需要具有唯一性，更不必须是主键。 可以通过，set identity_insert tablenam
- <％@ Language=VBScript ％><％Option Explicit ％><％Dim strUR
- 压缩数据库文件可以提高数据库的性能，但是有些时候在压缩数据库时，系统会提醒用户该数据库不能压缩。如果在Access数据库中删除数据库对象，或
- 开发过程中，错误免不了。为了纠正错误与规范化。可以使用MS SQL Server的系统存储过程sp_rename与OBJECTPROPERT
- 我们一般在调试程序的时候，有些操作会莫名地失败，又没有错误消息提示，特别是在执行数据库操作的时候，明明执行过去了，可就是数据库里没有记录变动
- 用了on error resume next则在这句往后的代码就算出错也会继续执行具体有没有错可以用err.number来判断err.num
- 从信息组织角度来看，段落内行之间的关系要比段落之间的关系低一个级别，所以在呈现上段落之间的“段距”应该大于段落之内的“行距”，如此才能一目了
- 爱如风过 问：js如何能知道浏览者计算机或者浏览器使用的语言是繁体还是简体？如题，我想用jS检测到浏览者使用的是繁体还是简体中文，以便设置页
