發表文章

目前顯示的是 4月, 2012的文章

【JQuery】FancyBox燈箱(LightBox)效果

使用JQuery前,需要引用Jquery元件及FancyBox元件 FancyBox燈箱(LightBox)效果使用方式與Demo在官網上寫得很清楚了 , 所以本人就不多加敘述之 。 本篇應用在表格上 。 表格的使用不能用ID方式指向 。 在Jquery上ID是屬於唯一的 。 若有多個相同ID , Jquery判別上只會抓第一個ID作為辨認 , 所以 宜採用class方式指向 。 這只是其中一個作法 。 HTML(參考): <table  border="1" > <tr> <td>< a class="various5" href="http://tw.yahoo.com">Yahoo</a> </td> <td>< a class="various5" href="http://blog.xuite.net/xiaolian">XiaoLian Blog</a> </td> </tr> <tr> <td>< a class="ex6" href="./example/11_b.jpg" title=""><img alt="" src="./example/11_s.jpg" /></a></td> <td>< a class="ex6" href="./example/12_b.jpg" title=""><img class="last" alt="" src="./example/12_s.jpg" /></a></td> </tr> </table> Javascript(參考): $(document).ready(function() {    ...

【JQuery】折線圖

圖片
使用JQuery前,需要引用Jquery元件及HighChart相關元件 HTML 頁面  : <div id=" container " style="min-width: 400px; height: 400px; margin: 0 auto"></div> Javascript 部份  : $(function () {     var chart;     $(document).ready(function() {         chart = new Highcharts.Chart({             chart: {                 renderTo: ' container ',  // 取 DIV ID值                   type: 'line',                 marginRight: 130,                 marginBottom: 25             },         ...

【CSS】DIV被Flash蓋住

圖片
這是很早以前就遇過的問題,只不過每次遇到就會忘了是要改啥麼地方, 只要加入wmode屬性為Transparent即可。 若沒加的話, wmode屬性預設為Window 。 先瞭解一下,wmode屬性值約有哪些? Window: 速度快、有效率、無法使用z-index,也沒有辦法混用於DHTML圖層當中。 Opaque: 速度介於Window與Transparent之間,可以控制z-index,但是背景沒有辦法變透明的,也就是說,任何內容都會被放在swf下面。 Transparent: 速度最慢,可以控制z-index且背景可以變透明。 引述Adobe官網: 範例參考: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="580" height="450">       <param name="movie" value="swf/s22.swf" />       <param name="quality" value="high" />       <param name="wmode" value="Transparent" />   <----就是要加上這一段       <embed src="swf/s22.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="580" height="450"></embed...

【SQL】直接ORDER BY 變數

圖片
之前從未想過這問題,要不是友人提問,然後用Google查詢相關資料,原來要 用case when去判斷要order by 的欄位 Ex: (以"英文Table"欄位作排序) declare @col varchar(20) set @col='English'  -- @col='Chinese' 以"中文Table"欄位作排序 select * from dbo.UDF_Info order by            case @col when 'English' then TableName                              when 'Chinese' then CTableName          end [英文Table] 欄位作排序 [中文Table] 欄位作排序

【JQuery】虛擬鍵盤

圖片
說明: 動態(虛擬)鍵盤機制對於防制網路帳號盜用之有其功效,以達層層保護的安全使用環境。 建議使用在HTTPS環境下使用,目前大部分應用在銀行業(例如台灣銀行、台新銀行等)。 引述: 當銀行業者安全機制同時包含HTTPS及動態鍵盤時,使用客戶假使中了惡意程式(KeyLog),使用者也可將災害降到最低,因為動態鍵盤每次排列皆不相同,keyLog的惡意程式無法記錄到任何有意義的資料,加上HTTPS的加密通道,駭客並無法解析此加密過的資料封包,而達到最佳的安全交易環境。 使用JQuery前,需要引用Jquery元件及keypad元件 HTML 頁面 : <p>鍵盤基本型&nbsp;&nbsp;<input type="text" id=" defaultKeypad "></p> <br /><br /><br /><br /><br /> <p>鍵盤亂數型&nbsp;&nbsp;<input type="text" id=" randomKeypad ">最後一碼<span id=" lastnum "></span> &nbsp;&nbsp;&nbsp;目前輸入  <span id=" current "></span>&nbsp;&nbsp;&nbsp;目前輸入總共<span id=" leng "></span>位數</p> <p>顯示型&nbsp;&nbsp;<input type="Password" id=" ShowKeypad "></p> <span id=" inlineKeypad "></span> Javascript 部份 : $(function () {   //showOn 屬性出現按鈕...

【CSS】光棒效果

圖片
想要在Table中製造出光棒效果,就要在<TR>內 OnMouseOver 及 onMouseout 設定屬性即可。 語法(參考) :  <tr OnMouseOver ="this.style.background='FFE789'" onMouseout ="this.style.background='FFFFFF'"> 畫面 : PS : 若要字體有變化(加粗),滑過去變粗,移開變回來,則需要加下面語法: OnMouseOver ="this.style.fontWeight='bolder'" onMouseout ="this.style.fontWeight=''"

【AJAX】回傳多個值

圖片
透過Ajax技術想要回傳多個值,可將資料 轉換成XML方式 或陣列方式回傳。本範例是採用陣列方式,把很多的資料用逗號區分存進陣列就可以使用了。 JavaScript :   <script type="text/javascript">          function pdata(str)         {         var xmlhttp;            if (str=="")           {            //隱藏span區塊           document.getElementById("show").style.display="none";           return;           }         if (window.XMLHttpRequest)           { // code for IE7+, Firefox, Chrome, Opera, Safari           xmlhttp=new XMLHttpRequest();  ...

【ASP】輸出XML(不產生檔案)

圖片
將資料庫內容匯出成XML格式,但不產生檔案。可以應用在Ajax上存取資料之用途。 <%    response.CharSet ="utf-8"    session("dsn")="dsn=Northwind;uid=sa;pwd=SQLsys"    set rs=server.CreateObject ("adodb.recordset")    sqlstr="select 客戶編號,公司名稱,連絡人,城市,電話 from dbo.客戶"    rs.Open sqlstr,session("dsn"),3,1,1       Response.Clear()    if not rs.EOF then         With Response             .ContentType = "text/XML"             .write("<?xml version=""1.0"" encoding=""utf-8""?>")             .write("<customers>")         End with      do while not rs.eof          response.write("<customer>")         for each x ...

【VB】透過Microsoft.Office元件匯出Excel

圖片
使用前需引用參考,還有要放入一個Excel檔案,作為樣版之用途 引用 : Imports System.Data Imports System.Data.SqlClient Imports System.IO Imports Microsoft.Office.Interop 部份程式碼(參考) :         '宣告Excel 相關元件         Dim exl_ap As New Excel.Application         Dim exl_wkb As Excel.Workbook         Dim exl_wks As Excel.Worksheet         Dim j As Integer = 1         '定義存檔路徑及檔案名稱         Dim sPath, sFilename As String         sPath = Application.StartupPath.ToString         sFilename = "\" & Format(Now, "yyyyMMdd") & ".xls"         exl_wkb = exl_ap. Workbooks.Open (sPath & "\employee.xls", , True) '這個TRUE是Readonly           e...

【C#】Enum(列舉)應用

圖片
說明 : enum 關鍵字用來宣告列舉型別 (Enumeration),是由一組名為列舉值清單的具名常數所構成的獨特型別 。 public enum Days { 禮拜一 = 1, 禮拜二 = 2, 禮拜三 = 3, 禮拜四 = 4, 禮拜五 = 5, 禮拜六 = 6, 禮拜日 = 7 }; public enum engDays { Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6, Sunday = 7 }; static void Main(string[] args) {        int nValue = (int)Enum.Parse(typeof(engDays), "Friday");  // 結果: 5        //與上句結果一樣  int nValue = (int)engDays.Friday;        string strDays = Enum.GetName(typeof(Days), nValue);    // 結果: 禮拜五        Console.WriteLine(strDays);  //輸出變數        Console.ReadLine();  //讓視窗暫停 } 執行畫面 :

【ASP.NET】VS語言轉換及VS版本轉換

圖片
http://www.developerfusion.com/tools/convert/csharp-to-vb/ 這是一個非常實用的網站,也解決程式設計師對語言轉換的痛苦。只要將程式碼貼上可以輕鬆轉換出自己要的語言。可以C#--->VB 當然也可以VB-->C#。 一個用於VisualStudio .NET間不同版本轉換之小工具,不過有一點要注意的事,轉換後並非百分百可以執行,但是絕對可以開啟專案檔,只要修改一下程式碼即可。下圖是一個範例(VS2008-->Vs2005),開啟專案檔該程式會自動判別目前是哪一個版本,右手邊可以選取欲想要轉換之版本,最後按下Convert即可。

【C#】字串有效轉成超連結

圖片
透過正規化表示式有效的判斷 RegularExpressionValidator,將含有Http(s)字串轉成HyperLink表示之 Aspx頁面(部份程式碼參考) : 置入一個標籤及一個按鈕     <asp:Label ID="Label1" runat="server" Text="網址 http://blog.xuite.net 是嗎?"></asp:Label>                    <br /><br /><br />       <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="轉換" />   CS程式碼(參考) :    if ( Regex.Match(this.Label1.Text, @"http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?") != Match.Empty )      {                    Response.Write("原始網址字串 : " + Regex.Match(this.Label1.Text, @"http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?").Value );         this.Label1.Text = Regex.Replace(this.Label1.Text, @"(?<link>http(s)?://([...

【VB】使用NPOI元件來匯出Excel--DataTableToExcel

繼上篇" 【VB】使用NPOI元件來匯出Excel ",這次則利用DataTableToExcel方式來實作,執行結果一樣,所以不在抓畫面了。 引用: Imports System.IO Imports System.Data Imports NPOI.HSSF.UserModel Imports NPOI.HPSF Imports NPOI.POIFS.FileSystem Imports NPOI.Util 程式碼(參考) : 本人做法是撈取DB內容,然後透過DataTable匯出Excel。         Dim file_name As String = Format(Now, "yyyyMMdd") & "採購單.xls"         Dim ms As MemoryStream = New MemoryStream()  '==需要 System.IO命名空間         ' 抓 DB         Dim conn As String = Get_Val(Me.DropDownList1.SelectedValue)         ads.ConnectionString = conn         ads.SelectCommand = Me.SqlDataSource1.SelectCommand         Dim dv As Data.DataView = ads.Select(New DataSourceSelectArguments)         dv = ads.Select(New DataSourceSelectArguments) ...

【SQL】效能查詢

圖片
識別前 20 個在讀取 I/O 時耗用最多資源的查詢    SELECT TOP 20 SUBSTRING(qt.text, (qs.statement_start_offset/2)+1,         ((CASE qs.statement_end_offset           WHEN -1 THEN DATALENGTH(qt.text)          ELSE qs.statement_end_offset          END - qs.statement_start_offset)/2)+1), qs.execution_count, qs.total_logical_reads, qs.last_logical_reads, qs.min_logical_reads, qs.max_logical_reads, qs.total_elapsed_time, qs.last_elapsed_time, qs.min_elapsed_time, qs.max_elapsed_time, qs.last_execution_time FROM sys.dm_exec_query_stats qs CROSS APPLY sys.dm_exec_sql_text(qs.sql_handle) qt WHERE qt.encrypted=0 ORDER BY qs.total_logical_reads DESC 執行結果(參考): 列出執行速度較慢的SQL statement select top 50 * from ( SELECT    SUBSTRING(st.text, (qs.statement_start_offset/2)+1, ((CASE qs.statement_end_offset WHEN -1 THEN DATALENGTH(st.text) ELSE qs...

【VB】使用NPOI元件來匯出Excel

圖片
NPOI元件是一個簡單又好上手的匯出Excel元件,本人認為功能還蠻強大的,至少可以解決公司上的需求。 使用時必須先引用該元件 引用: Imports System.IO Imports NPOI.HSSF.UserModel Imports NPOI.HPSF Imports NPOI.POIFS.FileSystem 程式碼(參考) : 本人做法是撈取DB內容,然後匯出Excel。         Dim file_name As String = Format(Now, "yyyyMMdd") & "採購單.xls"         Dim workbook As HSSFWorkbook = New HSSFWorkbook()         Dim ms As MemoryStream = New MemoryStream()  '==需要 System.IO命名空間         '== 新增試算表 Sheet名稱。           Dim u_sheet As HSSFSheet = workbook. CreateSheet ("採購單")         '定義標題         Dim row_header As HSSFRow = u_sheet. CreateRow (0)         'HSSFRow  HSSFCell 應用           '設定欄寬度         u_s...

【HTML】Http前面的圖示Logo

圖片
只要在 <head>…</head> 之間,插入下段語法即可。 語法 : <link href="http://您圖檔的位置" rel="shortcut icon"/> 說明 : 您圖檔的位置可以用<相對位置>或<絕對位置>表示之 Ex: <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> 參考資源 : http://tools.dynamicdrive.com/favicon/ icon 產生器 http://www.favicon.cc/ icon 產生器 http://www.iconarchive.com/ 免費 ICONS 圖示