發表文章

【JQuery】DatePicker及日期相差幾天

圖片
使用JQuery前,需要引用Jquery元件及DatePicker元件 HTML 頁面 <form action="" method="post" name="form1"> <p class="style1">Icon Button</p> 從 西元 <input id=" from_date " type="text" size="15" maxlength="12"  class=" datepicker ">    &nbsp;&nbsp;至 西元 <input id=" to_date " type="text" size="15" maxlength="12"  class=" datepicker ">     <br/><br/> <input name="diff_date" type="button" onClick=" Date_substr ();" value="日期相差天數"> <br/><br/><br/> <p class="style1">下拉式Date</p> 西元  <input id=" datepicker " type="text"  size="15" maxlength="12"> </form> Javascript 部份 <script type="text/javascript">      // DatePicker設定  $(function() {   $( " .datepicker " ).datepicke...

【JavaScript】日期相差幾天

圖片
<script language=javascript> function Date_substr() {     //定義起始 年 月 日     var yy_from=document.form1.from_year1.value;     var mm_from=document.form1.from_month1.value;     var dd_from=document.form1.from_day1.value;     //定義結束 年 月 日     var yy_to=document.form1.to_year1.value;     var mm_to=document.form1.to_month1.value;     var dd_to=document.form1.to_day1.value; alert('相差 '+ (DateDifference(yy_from,mm_from,dd_from,yy_to,mm_to,dd_to))+'天'); } // 算出日期與日期間的差距有幾天 function DateDifference(y1,m1,d1,y2,m2,d2) {    var StartDate = y1 + "/" + m1 + "/" + d1;    var EndDate =  y2 + "/" + m2 + "/" + d2;    var myStartDate = new Date(StartDate);    var myEndDate = new Date(EndDate);    // 天數,86400000是24*60*60*1000,除以86400000就是有幾天      return (myEndDate - myStartDate)/ 86400000 ; } </script> 部分HTML: ...

【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 屬性出現按鈕...