發表文章

【JavaScript】設定長度字串格式

設定固定長度格式,不足長度補0 參數1 str:需要補0的字串 參數2 len:要補0的長度 <script LANGUAGE="JavaScript"> // 左邊補0 function padLeft(str,lenght) { if(str.length >= lenght) return str; else return padLeft("0" +str,lenght); } //右邊補0 function padRight(str,lenght) { if(str.length >= lenght) return str; else return padRight(str+"0",lenght); } </script> EX: padLeft('7',2)--->07 padRight('7',2)--->70

【ASP】使用OLEDB將資料匯出成Excel檔

圖片
首先,手動產生Excel檔做為輸出範本。 程式部分: <% 'Sample檔 reportfile =Server.MapPath("/client/user/客戶匯出格式.xls") '欲匯出檔 FileXLS = Server.MapPath("/client/user/客戶.xls") '檔案複製 set fs=Server.CreateObject("Scripting.FileSystemObject") set f=fs.GetFile( reportfile ) f.Copy FileXLS set f=nothing : set fs=nothing sqlstr="SELECT * FROM [Customer]" set rs=Exec_Record(sqlstr) if not rs.eof then '建立Excel連線 set cn= Server.createobject("Adodb.connection") cn.Open "Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=" & FileXLS & ";" & _ "Extended Properties=""Excel 8.0;HDR=YES;""" ' 【註二】 可以自行產生標題(Excel範本無標題前提之下) do while not rs.eof '標題定義過的寫法 【註一】 'cn.Execute "INSERT INTO [MyTable] (名稱,公司電話,公司傳真) VALUES ('aaa','123','456')" 'TEST sql="INSERT INTO [ Sheet1$ ] " & _ "([名稱],[國家],[城市],[公司電話],[公...

【SQL】資料表中重複的資料

/*列出重複出現一次以上的資料*/ SELECT 欄位名稱, COUNT(*) FROM Table_Name GROUP BY 欄位名稱 HAVING COUNT(*) > 1 COUNT(*) /*重複出現的次數*/ Ex1:找出客戶資料表中有哪些 客戶名稱重複 SELECT Company,COUNT(*) as counts FROM [Customer] GROUP BY [Company] HAVING COUNT(*) > 1 Ex2:客戶 aim 是否在客戶資料表中重複 SELECT Company,COUNT(*) as counts FROM [Customer] GROUP BY [Company] HAVING COUNT(*) > 1 and [Company] ='aim'

【JQuery】TOP移置網頁頂部動畫效果

圖片
回到網頁頂部,是很常見的功能,作法很多種,在此分享網路上的寫法,本人覺得很實用並紀錄之。 使用JQuery前,需要引用Jquery元件。 HTML(參考): <a href="#top" id="gotop" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-arrow-u ui-nodisc-icon ui-alt-icon ui-btn-right">Top</a> Javascript(參考): <script type="text/javascript"> //回到最上層 $(function(){ //動畫方式回到上層 $(" #gotop ").click(function(){     jQuery("html,body").animate({     scrollTop:0     },1000); }); //目前的位置距離網頁頂端,若大於300px則顯示回上層圖示;否則隱藏 $(window).scroll(function() {    if ( $(this).scrollTop() > 300){       $(' #gotop ').fadeIn("fast");    } else {       $(' #gotop ').stop().fadeOut("fast");    } }); }); </script> 執行畫面(初始)︰ 執行畫面(捲軸下拉)︰ 註:超連結所設定的class,是引用Jquery mobile所產生的圖示,可以用Img or Div Tags來替換。

【CSS】頁頭頁尾不隨頁面內容之捲動

圖片
近來透過手機上網普及化,設計好的專屬手機網站,顯得重要許多,一方面受限於手機螢幕大小,版頭版尾擺設格外小心,分享實際應用情形。 部分HTML(參考)︰ <!-- Fixed Header Start--> <div id=" fixed-header-slide "> <div id=" fixed-header-wrap "> < header data-role="header" style="background: #FFFFFF;border: none;" > <!-- 頁頭 --> <div><img src="images/logo_banner.jpg" border="0" class="photo"> <a href="#mypanel" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a> </div> </header> </div> </div> <!-- Fixed Header End--> <!-- Fixed Footer Start--> <div id=" fixed-footer-wrap "> <footer data-role="footer"> <!-- 頁尾 --> <div class=" footer_mobile " id="footer"> … 省略 … </div> </footer> </div> <!-- Fixed Footer End--> CSS(參考)︰ <style ty...

【JQuery】ImageMapster【影像地圖】

圖片
 製作影像地圖需要先找一張圖片,接著透過Dreamweaver作區塊切割,最後利用JQuery元件,即可產生效果。 使用JQuery前,需要引用Jquery元件。 EX︰ <script src="http://code.jquery.com/jquery-1.9.0.js"></script>          <script type="text/javascript" src="jquery.imagemapster.js"></script> HTML 頁面(參考)︰ <img id=" tc " src="ABC.jpg" width="1086" height="482" border="0" usemap="#Map" /> <map name="Map" id=" Map " > <area shape="poly"   state = "HI" coords="155,57,202,85,177,91,173,111,162,120,153,135,175,142,194,124,230,99,273,104,234,69,212,56,197,30,181,26" href="#" /> <area shape="poly"   state = "AK" coords="154,58,142,86,139,102,113,119,130,127,154,136,165,119,175,99,200,83" href="#" /> </map> Javascript︰ <script type="text/javascript"> $(function(){ var img = $(' #tc '); img.maps...

【JQuery】不超過一頁的FAQ–收合功能

圖片
使用JQuery前,需要引用Jquery元件。 HTML 頁面(參考)︰ <div class=" main "> <h1>A One Page FAQ</h1> <h2> I've heard that JavaScript is the long-lost fountain of youth. Is this true? </h2> <div class=" answer "> <p>Why, yes it is! Studies prove that learning JavaScript freshens the mind and extends life span by several hundred years. (Note: some scientists disagree with these claims.)</p> </div> <h2> Can JavaScript really solve all of my problems? </h2> <div class=" answer "> <p>Why, yes it can! It's the most versatile programming language ever created and is trained to provide financial management advice, life-saving CPR, and even to take care of household pets.</p> </div> .... 省略之 ..... </div> Javascript︰ <SCRIPT type="text/javascript"> $(document).ready(function() { $(' .answer ').hide(); //隱藏 $(' .main h2 ').toggle(     function(...