﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>IT博客-You and me... -随笔分类-随想畅笔</title><link>http://www.cnitblog.com/junhong-cai/category/7322.html</link><description /><language>zh-cn</language><lastBuildDate>Sat, 01 Oct 2011 10:08:12 GMT</lastBuildDate><pubDate>Sat, 01 Oct 2011 10:08:12 GMT</pubDate><ttl>60</ttl><item><title>用VBScrip和Javascript 来做页面Loading </title><link>http://www.cnitblog.com/junhong-cai/archive/2009/06/03/59026.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Wed, 03 Jun 2009 15:12:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2009/06/03/59026.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/59026.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2009/06/03/59026.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/59026.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/59026.html</trackback:ping><description><![CDATA[<p>&nbsp;</p>
<p>因为数据多需要做一个页面loading效果,在网上搜寻了好久,却始终找不到一个自己想要的简单又好看的效果.很多人说没什么用,用的不是真正的数据Loading,这点我赞同,可我只是想要一个效果,让客户至少知道页面正在运行.搜寻了好几个,要嘛做法非常复杂.说真的根本就看不太懂.要嘛效果非常差,可以说还不如不要.对网上搜索的文章都不是很满意,所以就试着自己动脑筋想想.结合一些看过的文章.最后终于做出了自己想要的Loading效果.也很满意,不仅简单而且好看.下面是代码,你会知道是多么简单.</p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">%</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;display&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">YES</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">then</span><span style="COLOR: #000000">%</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">div&nbsp;id</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">Layer1</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&nbsp;style</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">position:absolute;&nbsp;display:&nbsp;;&nbsp;width:50px;&nbsp;text-align:center;&nbsp;top:300px;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">font&nbsp;size</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">3</span><span style="COLOR: #000000">&nbsp;color</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">#003366</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;&lt;</span><span style="COLOR: #000000">b</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000">Loading<img src="http://www.cnitblog.com/Images/dot.gif"></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">b</span><span style="COLOR: #000000">&gt;&lt;/</span><span style="COLOR: #000000">font</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">img&nbsp;src</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">images\loading.gif</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">div</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">%</span><span style="COLOR: #0000ff">End</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">%</span><span style="COLOR: #000000">&gt;</span></div>
<br>首先,一般在页面上,刚开始不需要运行SQL Query,等到选择搜索条件后再提交,让SQL Query运行.当提交按钮Onclick以后,我把display的值变成YES.在&lt;DIV&gt;&lt;/DIV&gt;里面我用到的style的显示方式是空,因为下面我会写一个javascript function showhide来变化让它显示.<br><br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000">&nbsp;showhide(id)<br><img id=Codehighlighter1_22_247_Open_Image onclick="this.style.display='none'; Codehighlighter1_22_247_Open_Text.style.display='none'; Codehighlighter1_22_247_Closed_Image.style.display='inline'; Codehighlighter1_22_247_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><img id=Codehighlighter1_22_247_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_22_247_Closed_Text.style.display='none'; Codehighlighter1_22_247_Open_Image.style.display='inline'; Codehighlighter1_22_247_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedBlock.gif" align=top></span><span id=Codehighlighter1_22_247_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_22_247_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(document.getElementById)<br><img id=Codehighlighter1_58_244_Open_Image onclick="this.style.display='none'; Codehighlighter1_58_244_Open_Text.style.display='none'; Codehighlighter1_58_244_Closed_Image.style.display='inline'; Codehighlighter1_58_244_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_58_244_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_58_244_Closed_Text.style.display='none'; Codehighlighter1_58_244_Open_Image.style.display='inline'; Codehighlighter1_58_244_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;</span><span id=Codehighlighter1_58_244_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_58_244_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;obj&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.getElementById(id);&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(obj.style.display&nbsp;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">none</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)<br><img id=Codehighlighter1_142_180_Open_Image onclick="this.style.display='none'; Codehighlighter1_142_180_Open_Text.style.display='none'; Codehighlighter1_142_180_Closed_Image.style.display='inline'; Codehighlighter1_142_180_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_142_180_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_142_180_Closed_Text.style.display='none'; Codehighlighter1_142_180_Open_Image.style.display='inline'; Codehighlighter1_142_180_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span id=Codehighlighter1_142_180_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_142_180_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;obj.style.display&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&nbsp;<br><img id=Codehighlighter1_197_239_Open_Image onclick="this.style.display='none'; Codehighlighter1_197_239_Open_Text.style.display='none'; Codehighlighter1_197_239_Closed_Image.style.display='inline'; Codehighlighter1_197_239_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_197_239_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_197_239_Closed_Text.style.display='none'; Codehighlighter1_197_239_Open_Image.style.display='inline'; Codehighlighter1_197_239_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</span><span id=Codehighlighter1_197_239_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_197_239_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;obj.style.display&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">none</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span></div>
<br>然后在你的数据显示快完的时候,在&lt;/BODY&gt;之前再次把Loading图隐藏起来,也就是在&lt;/BODY&gt;之前再次直接运行javascript showhide function 使图片隐藏起来.<br><br>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #000000">&lt;</span><span style="COLOR: #000000">script&nbsp;</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000">&nbsp;id&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">Layer1</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(document.getElementById)<br><img id=Codehighlighter1_58_202_Open_Image onclick="this.style.display='none'; Codehighlighter1_58_202_Open_Text.style.display='none'; Codehighlighter1_58_202_Closed_Image.style.display='inline'; Codehighlighter1_58_202_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><img id=Codehighlighter1_58_202_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_58_202_Closed_Text.style.display='none'; Codehighlighter1_58_202_Open_Image.style.display='inline'; Codehighlighter1_58_202_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedBlock.gif" align=top></span><span id=Codehighlighter1_58_202_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_58_202_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>obj&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;document.getElementById(id);&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top></span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">&nbsp;(obj.style.display&nbsp;</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">none</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)<br><img id=Codehighlighter1_130_158_Open_Image onclick="this.style.display='none'; Codehighlighter1_130_158_Open_Text.style.display='none'; Codehighlighter1_130_158_Closed_Image.style.display='inline'; Codehighlighter1_130_158_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_130_158_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_130_158_Closed_Text.style.display='none'; Codehighlighter1_130_158_Open_Image.style.display='inline'; Codehighlighter1_130_158_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top></span><span id=Codehighlighter1_130_158_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_130_158_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>obj.style.display&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top></span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000">&nbsp;<br><img id=Codehighlighter1_167_199_Open_Image onclick="this.style.display='none'; Codehighlighter1_167_199_Open_Text.style.display='none'; Codehighlighter1_167_199_Closed_Image.style.display='inline'; Codehighlighter1_167_199_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_167_199_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; Codehighlighter1_167_199_Closed_Text.style.display='none'; Codehighlighter1_167_199_Open_Image.style.display='inline'; Codehighlighter1_167_199_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top></span><span id=Codehighlighter1_167_199_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><img src="http://www.cnitblog.com/Images/dot.gif"></span><span id=Codehighlighter1_167_199_Open_Text><span style="COLOR: #000000">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>obj.style.display&nbsp;</span><span style="COLOR: #000000">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">none</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>}</span></span><span style="COLOR: #000000">&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">script</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">form</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">body</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #000000">&lt;/</span><span style="COLOR: #000000">html</span><span style="COLOR: #000000">&gt;</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span></div>
<p><br>只要这两步就能达到在页面上做一个漂亮的Loading的效果.</p>
<p><img height=340 alt="" src="http://www.cnitblog.com/images/cnitblog_com/junhong-cai/7328/loading.jpg" width=169 border=0><br><br></p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/59026.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2009-06-03 23:12 <a href="http://www.cnitblog.com/junhong-cai/archive/2009/06/03/59026.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>调用Excel.Application 出现拒绝访问对象</title><link>http://www.cnitblog.com/junhong-cai/archive/2008/08/06/47700.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Wed, 06 Aug 2008 05:03:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2008/08/06/47700.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/47700.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2008/08/06/47700.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/47700.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/47700.html</trackback:ping><description><![CDATA[<p><br>&lt;%Set xlApp = Server.CreateObject("Excel.Application")%&gt;</p>
<p>要是想调用Excel.Application组件而没有设置IIS服务，在运行的时候都会出现错误.<br>这是IIS中没有注册使用MS Excel的组件，<br><br>错误信息：</p>
<p><span style="BACKGROUND-COLOR: #ffff00">The call to Server.CreateObject failed while checking permissions. Access is denied to this object.<br><br></span></p>
<p>解决方法：</p>
<p>&nbsp;开始-&gt;运行-&gt;dcomcnfg</p>
<p>&nbsp;&nbsp; Component Serivices</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;-Computer</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-My Computer</p>
<p>&nbsp;&nbsp; 在DCOM Config 中找到"Microsoft Excel Application".</p>
<p>在XP系统，我添加了IIS默设用户：Internet Guest Accout(Computername/IUSER_USER)，即　如果找不到该用户可点击"Add(添加)"-&gt;"Advanced(高级)"，用"Find now(立即查找)"找到相应的用户。添加进去以后,把"Local launch(本地启动)"和"Local Activation(本地激活)"在允许权限框里打勾。<br></p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/47700.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2008-08-06 13:03 <a href="http://www.cnitblog.com/junhong-cai/archive/2008/08/06/47700.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>C#.NET REPLACE FUNCTION</title><link>http://www.cnitblog.com/junhong-cai/archive/2008/07/25/47136.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Fri, 25 Jul 2008 09:24:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2008/07/25/47136.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/47136.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2008/07/25/47136.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/47136.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/47136.html</trackback:ping><description><![CDATA[<p>e.g.<br><br>private void btnViewReport_Click(object sender, System.EventArgs e)<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;Session["Customer"] = txtCustID.Text;<br>&nbsp;&nbsp;&nbsp;<span style="COLOR: red">Session["custrefno"] = ReplaceEscapeChars(custreftxt.Text);<br></span>&nbsp;&nbsp;&nbsp;Session["partno"] = partnotxt.Text;<br>&nbsp;&nbsp;&nbsp;Session["good"] = goodtxt.Text;<br>&nbsp;&nbsp;&nbsp;Session["RFormat"] = RFormat.SelectedValue;<br>&nbsp;&nbsp;&nbsp;iFrReport.Visible = true;<br>&nbsp;&nbsp;}<br></p>
<p style="COLOR: red">&nbsp;&nbsp;public static string ReplaceEscapeChars(string str)<br>&nbsp;&nbsp;{<br>&nbsp;&nbsp;&nbsp;if (str == null)<br>&nbsp;&nbsp;&nbsp;&nbsp;return str;</p>
<p style="COLOR: red">&nbsp;&nbsp;&nbsp;if (str == "")<br>&nbsp;&nbsp;&nbsp;&nbsp;return str;</p>
<p style="COLOR: red">&nbsp;&nbsp;&nbsp;str = str.Replace("'", "''");<br>&nbsp;&nbsp;&nbsp;return str;<br>&nbsp;&nbsp;}</p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/47136.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2008-07-25 17:24 <a href="http://www.cnitblog.com/junhong-cai/archive/2008/07/25/47136.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Windows 2003 ASP 页面缓冲限制,加载错误  </title><link>http://www.cnitblog.com/junhong-cai/archive/2008/07/24/47101.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Thu, 24 Jul 2008 12:23:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2008/07/24/47101.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/47101.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2008/07/24/47101.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/47101.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/47101.html</trackback:ping><description><![CDATA[<p>ASP网页在windows server 2003中有限制页面缓冲,如果页面上加载的数据太多,会导致出错.<br><br>解决方法: <br><br>Stop IIS<br><br>找到: C:\WINDOWS\system32\inetsrv\Metabase.xml 文件后打开,<br><br>查找 AspBufferingLimit <br><br>修改 AspBufferingLimit 后面的数值.加大数值.(比如在后面多加一个零)<br><br>保存.<br></p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/47101.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2008-07-24 20:23 <a href="http://www.cnitblog.com/junhong-cai/archive/2008/07/24/47101.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>删除Table中重复的记录 (Delete data for duplicate)</title><link>http://www.cnitblog.com/junhong-cai/archive/2008/06/16/45788.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Mon, 16 Jun 2008 11:05:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2008/06/16/45788.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/45788.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2008/06/16/45788.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/45788.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/45788.html</trackback:ping><description><![CDATA[<p><br>状况是:除了主键不一样外,其余全一样.而不想把数据导出,删掉重复的记录,再重新导入<br>今天在工作中突然遇到这个问题,记得一二年前也有遇到这种问题,后来解决了.<br>现在却一时记不起当时的方法.没办法了自己再想吧.最后我用起了这种方法,也算是挺简单的.<br>不记得当时是不是也是用这种方法了.把SQL Query放在这边方便大家,如果你需要.</p>
<p>&nbsp;</p>
<div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><span style="COLOR: #0000ff">Select</span><span style="COLOR: #000000">&nbsp;</span><span style="FONT-WEIGHT: bold; COLOR: #800000">0</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">as</span><span style="COLOR: #000000">&nbsp;id,country,name,tel,address<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Into</span><span style="COLOR: #000000">&nbsp;#TMP<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">From</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Where</span><span style="COLOR: #000000">&nbsp;country</span><span style="COLOR: #808080">=</span><span style="COLOR: #ff0000">'</span><span style="COLOR: #ff0000">china</span><span style="COLOR: #ff0000">'</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Group</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">by</span><span style="COLOR: #000000">&nbsp;country,name,tel,address<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Having</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #ff00ff">count</span><span style="COLOR: #000000">(</span><span style="COLOR: #808080">*</span><span style="COLOR: #000000">)</span><span style="COLOR: #808080">&gt;</span><span style="FONT-WEIGHT: bold; COLOR: #800000">1</span><span style="COLOR: #000000"><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Update</span><span style="COLOR: #000000">&nbsp;#TMP&nbsp;</span><span style="COLOR: #0000ff">set</span><span style="COLOR: #000000">&nbsp;#TMP.id&nbsp;</span><span style="COLOR: #808080">=</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.id<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">From</span><span style="COLOR: #000000">&nbsp;#TMP<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Inner</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">join</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">on</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.country&nbsp;</span><span style="COLOR: #808080">=</span><span style="COLOR: #000000">&nbsp;#TMP.country<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #808080">and</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.name&nbsp;</span><span style="COLOR: #808080">=</span><span style="COLOR: #000000">&nbsp;#TMP.name<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #808080">and</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.tel&nbsp;</span><span style="COLOR: #808080">=</span><span style="COLOR: #000000">&nbsp;#TMP.tel<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #808080">and</span><span style="COLOR: #000000">&nbsp;(</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.address&nbsp;</span><span style="COLOR: #808080">=</span><span style="COLOR: #000000">&nbsp;#TMP.address&nbsp;</span><span style="COLOR: #808080">or</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">.address&nbsp;</span><span style="COLOR: #0000ff">is</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">null</span><span style="COLOR: #000000">)<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Select</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #808080">*</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">from</span><span style="COLOR: #000000">&nbsp;#TMP<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Delete</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">From</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Where</span><span style="COLOR: #000000">&nbsp;id&nbsp;</span><span style="COLOR: #808080">in</span><span style="COLOR: #000000">&nbsp;(</span><span style="COLOR: #0000ff">Select</span><span style="COLOR: #000000">&nbsp;id&nbsp;</span><span style="COLOR: #0000ff">From</span><span style="COLOR: #000000">&nbsp;#TMP)<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span><span style="COLOR: #0000ff">Drop</span><span style="COLOR: #000000">&nbsp;</span><span style="COLOR: #0000ff">Table</span><span style="COLOR: #000000">&nbsp;#TMP<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top></span></div>
<p>&nbsp;</p>
<p style="FONT-SIZE: 10pt">简单吧..如果你想说只删掉前面的或只删除后面的,那么加入排序.<br>值得注意的是字段如果是NULL的话,要像我一样加入 "or Table.address is null".不然不会匹配.</p>
<p style="FONT-SIZE: 10pt">当然如果你想更小心一点的话,就先检后删.GOOD LUCK!</p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/45788.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2008-06-16 19:05 <a href="http://www.cnitblog.com/junhong-cai/archive/2008/06/16/45788.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>网页上的表格导出到Excel文件初次尝试心得</title><link>http://www.cnitblog.com/junhong-cai/archive/2008/06/10/45327.html</link><dc:creator>疯狂水车</dc:creator><author>疯狂水车</author><pubDate>Tue, 10 Jun 2008 13:11:00 GMT</pubDate><guid>http://www.cnitblog.com/junhong-cai/archive/2008/06/10/45327.html</guid><wfw:comment>http://www.cnitblog.com/junhong-cai/comments/45327.html</wfw:comment><comments>http://www.cnitblog.com/junhong-cai/archive/2008/06/10/45327.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.cnitblog.com/junhong-cai/comments/commentRss/45327.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/junhong-cai/services/trackbacks/45327.html</trackback:ping><description><![CDATA[<p style="FONT-SIZE: 10pt">在网上搜索到几种方法,经测试整理得出二种比较简单而且可行方法,</p>
<p style="FONT-SIZE: 10pt">第一种:使用JAVASCRIPT,不用重新从 Database 获得数据.直接把网页上面的表格保存下来.<br><br></p>
<div><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;table&nbsp;id&nbsp;=&nbsp;"export"&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;&lt;td&gt;A&lt;/td&gt;&lt;/tr&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;&lt;td&gt;B&lt;/td&gt;&lt;/tr&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;/table&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;input&nbsp;type=button&nbsp;name="out_excel"&nbsp;value="Convert&nbsp;To&nbsp;Excel"&nbsp;onclick="AutomateExcel('export');"&gt;</div>
<div><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;script&nbsp;language="javascript"&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>function&nbsp;AutomateExcel(id)&nbsp;<br><img id=Codehighlighter1_60_601_Open_Image onclick="this.style.display='none'; Codehighlighter1_60_601_Open_Text.style.display='none'; Codehighlighter1_60_601_Closed_Image.style.display='inline'; Codehighlighter1_60_601_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><img id=Codehighlighter1_60_601_Closed_Image onclick="this.style.display='none'; Codehighlighter1_60_601_Closed_Text.style.display='none'; Codehighlighter1_60_601_Open_Image.style.display='inline'; Codehighlighter1_60_601_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><img src="http://www.cnitblog.com/Images/dot.gif">{<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;table;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;table&nbsp;=&nbsp;document.getElementById(id);&nbsp;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;hang=&nbsp;table.rows.length;&nbsp;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;lie&nbsp;=&nbsp;table.rows(0).cells.length;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oXL&nbsp;=&nbsp;new&nbsp;ActiveXObject("Excel.Application");&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;oXL.Visible&nbsp;=&nbsp;true;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oWB&nbsp;=&nbsp;oXL.Workbooks.Add();&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oSheet&nbsp;=&nbsp;oWB.ActiveSheet;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Add&nbsp;table&nbsp;headers&nbsp;going&nbsp;cell&nbsp;by&nbsp;cell.&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(i=0;i&nbsp;&lt;hang;i++)&nbsp;<br><img id=Codehighlighter1_394_520_Open_Image onclick="this.style.display='none'; Codehighlighter1_394_520_Open_Text.style.display='none'; Codehighlighter1_394_520_Closed_Image.style.display='inline'; Codehighlighter1_394_520_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_394_520_Closed_Image onclick="this.style.display='none'; Codehighlighter1_394_520_Closed_Text.style.display='none'; Codehighlighter1_394_520_Open_Image.style.display='inline'; Codehighlighter1_394_520_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://www.cnitblog.com/Images/dot.gif">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(j=0;j&nbsp;&lt;lie;j++)&nbsp;<br><img id=Codehighlighter1_422_516_Open_Image onclick="this.style.display='none'; Codehighlighter1_422_516_Open_Text.style.display='none'; Codehighlighter1_422_516_Closed_Image.style.display='inline'; Codehighlighter1_422_516_Closed_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif" align=top><img id=Codehighlighter1_422_516_Closed_Image onclick="this.style.display='none'; Codehighlighter1_422_516_Closed_Text.style.display='none'; Codehighlighter1_422_516_Open_Image.style.display='inline'; Codehighlighter1_422_516_Open_Text.style.display='inline';" src="http://www.cnitblog.com/Images/OutliningIndicators/ContractedSubBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://www.cnitblog.com/Images/dot.gif">{&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oSheet.Cells(i+1,j+1).value&nbsp;=&nbsp;table.rows(i).cells(j).innerText.replace("&amp;nbsp;","");&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;oWB.SaveAs("c:\report.xls");&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;oSheet.ptintout;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top><br><img src="http://www.cnitblog.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;oXL.UserControl&nbsp;=&nbsp;true;&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>}&nbsp;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;/script&gt;</div>
<p style="FONT-SIZE: 10pt"><br>在整个过程中调用Excel.Application,需要降低IE的安全级别.是我觉得很不好的一点,有人说把网站加到信任站点,不过我没试.<br>在使用这种方法中,如果是一个简单正常的规范表格,保存下来的文件会正常,但是比较复杂的表格就可能导错数据.或行列数错.<br>也可能需要去改进JAVASCRIPT来调整整个表格,不过我觉得太麻烦.<br><br></p>
<p style="FONT-SIZE: 10pt">第二种 使用 ms-excel ,需重新从 Database 获得数据,而且最好是表格单独一个页面.</p>
<p style="FONT-SIZE: 10pt">建立一个Button,建立一个新页面,点击Button开新页面的IE窗口.这个窗口内容就是你要导出的表格</p>
<p style="FONT-SIZE: 10pt">在新的页面代码中加入:<br></p>
<div><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;%Response.Write("&lt;meta&nbsp;http-equiv=Content-Type&nbsp;content=text/html;charset=gb2312&gt;")&nbsp;%&gt;<br><img src="http://www.cnitblog.com/Images/OutliningIndicators/None.gif" align=top>&lt;%response.ContentType="application/vnd.ms-excel"%&gt;</div>
<p style="FONT-SIZE: 10pt">第一行是防止中文会乱码.<br>第二行是保存为Excel.</p>
<p style="FONT-SIZE: 10pt"><br>这种方法我个人比较喜欢,因为当你点击打开新的IE窗口时,它不会显示出一样的表格出来,而是直接询问你是要打开还是保存.<br>就好像我们下载文件一样,然后直接询问我们要打开还是保存.<br>但在调试的过程中,刚开始会捕捉到一些不是你想要的东西出来,可能本地防火墙设置有问题.(请设置防火墙)</p>
<p style="FONT-SIZE: 10pt">当然还有各种方法,以上二种是我觉得比较简单的方法,放在这里供大家分享跟讨论.GOOD LUCK!</p>
<img src ="http://www.cnitblog.com/junhong-cai/aggbug/45327.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/junhong-cai/" target="_blank">疯狂水车</a> 2008-06-10 21:11 <a href="http://www.cnitblog.com/junhong-cai/archive/2008/06/10/45327.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>