专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Asp教程 » asp.net进度条:ASP进度条 »正文

asp.net进度条:ASP进度条

来源: 发布时间:星期四, 2009年2月12日 浏览:141次 评论:0


前段时间研究了个进度条大致思想是
在后台处理数据时前台页面同时计数显示Proess Bar
使用了layer来显示
使用方法:
1引用
<script language=\"javascript\" src=\"ShowProcessBar.js\"></script>
2在提交Button或<A>或<span> 加扩展属性
IsShowProcessBar=\"True\"


文件ShowProcessBar.js如下

AddProcessbar;
var bwidth=0;
var swidth = document.all.waiting.clientWidth;

function CheckIsProcessBar(obj)
{
(obj.IsShowProcessBar\"True\")
{
false;
}

{
true;
}
}

function CheckClick(e)
{
(e 1)
{
(bwidth<swidth*0.98){
bwidth (swidth - bwidth) * 0.025;
(document.all)document.sbar.width = bwidth;
document.rating.clip.width = bwidth;
Timeout(\'CheckClick(1);\',150);

}
}

{
(document.all)
{
(document.all.waiting.style.visibility \'visible\')
{document.all.waiting.style.visibility = \'hidden\';
bwidth = 1;}
whichIt = event.srcElement;

while (CheckIsProcessBar(whichIt))
{
whichIt = whichIt.parentElement;
(whichIt null) true;
}


document.all.waiting.style.pixelTop = (document.body.offHeight - document.all.waiting.clientHeight) / 2 + document.body.scrollTop;
document.all.waiting.style.pixelLeft = (document.body.offWidth - document.all.waiting.clientWidth) / 2 + document.body.scrollLeft;
document.all.waiting.style.visibility = \'visible\';
(!bwidth)CheckClick(1);
bwidth = 1;

}


{

(document.waiting.visibility \'show\')
{document.waiting.visibility = \'hide\';
document.rating.visibility = \'hide\';
bwidth = 1;}
(e.target.href.toString != \'\')
{
document.waiting.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOff;
document.waiting.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOff;
document.waiting.visibility = \'show\';
document.rating.top = (window.innerHeight - document.waiting.clip.height) / 2 + self.pageYOff+document.waiting.clip.height-10;
document.rating.left = (window.innerWidth - document.waiting.clip.width) / 2 + self.pageXOff;
document.rating.visibility = \'show\';
(!bwidth)CheckClick(1);
bwidth = 1;
}
}
true;
}
}

function AddProcessbar
{

var Str=\"\"
Str \"<div id=waiting style=position:absolute;top:50px;left:100px;z-index:1;visibility:hidden >\";
Str \"<layer name=waiting visibility=visible zIndex=2 >\"
Str \"<table border=2 cellspacing=1 cellpadding=0 bordercolorlight=#FFFFFF bordercolordark=#C0C0C0 bgcolor=#E0E0E0>\"
Str \" <tr>\"
Str \" <td bgcolor=#E0E0E0 height=30px width=300px align=center>\"
Str \" <font color=black>系統正在處理中...</font>\"
Str \" </td>\"
Str \" </tr>\"
Str \" <tr>\"
Str \" <td bgcolor=#E0E0E0>\"
Str \" <img width=1 height=10 name=sbar style=background-color:#6699cc>\"
Str \" </td>\"
Str \" </tr>\"
Str \"</table> \"
Str \"</layer>\"
Str \"</div>\"
document.write(Str)

(document.all)document.onclick = CheckClick;
}


测试文件TestShowBar.HTML

<HTML>
<HEAD>
<script language=\"javascript\" src=\"ShowProcessBar.js\"></script>
</HEAD>
<BODY>
<A href=\"error.asp\" IsShowProcessBar=\"True\">A Href</a>
<BR>
<BR>
<span _disibledevent=><BR>
<form action=\"error.asp\">
<input type=Submit value=\"Submit\">
<input type=button value=\"normal button\" IsShowProcessBar=\"True\">
</form>
<P IsShowProcessBar=\"True\">AAAAAAAAAAAAA</P>
</BODY>
</HTML>





标签：开机进度条 flash进度条 进度条 asp.net进度条
0
我顶

相关文章

读者评论

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章