跳到主要內容

發表文章

目前顯示的是 5月, 2018的文章

css3讓物件垂直置中對齊的方法-教學撰寫:徐嘉裕Neil hsu

如果要讓物件垂直置中,像是下面圖這樣的呈現!#content在父容器#box的垂直中間 基本上可以用css的 vertical-align: middle;,但這方法只能在table的td中使用,如果是div就無效了,後來上網查了一下資料發現css3有更好的方法能能決這問題,就是吧#box定義為table,吧#content定義為td,這樣就能用 vertical-align: middle;來垂直置中對齊物件了,真是好方便阿,方法如下: 結構 <div id="box">     <div id="content">         垂直置中物件內容     </div> </div> CSS #box {     display: table; } #content {     display: table-cell;     vertical-align: middle; } 這樣就OK了阿,有需要的朋友參考看看喔!! 參考資料來源: http://muki.tw/tech/css-div-center/ 教學撰寫: 徐嘉裕 Neil hsu

用JS程式做一個彈出swal視窗中的youtube影片停止播放功能-教學撰寫:徐嘉裕Neil hsu

最近在幫客戶開發模組剛好有用到一個功能,就是使用swal開新視窗播放youtube影片,像是下面這樣 看起來不難做,吧youtube影片崁入到swal視窗中就完成了!! 經測試影片的確也能播放,但發現一個問題,就是點選OK關閉swal視窗時,雖然區塊消失了,但youtube影片還是再繼續播放,因為還有背影聲音,也就是說關閉swal視窗並無法關閉正在播放中的youtube影片,必須要有youtube控制程式才能關閉影片,這還真是傷腦筋,上網查了一下相關說明,找到一個不錯的youtube影片控制方法修改一下分享給大家 需要準備的工作, 1、youtube網址後方要加上?enablejsapi=1 2、iframe要加上class='youtube-video' 所以整個CODE就是 //影片播放 $(document).ready(function() { $("body").on("click", "#youtubebtn", function (){ $youtubebtn = $("#youtubebtn").attr("mane"); var $youtubebtnArr = $youtubebtn.split(','); //切割陣列 $title=$youtubebtnArr[0]; //影片標題 $lotteryurl=$youtubebtnArr[1]; //影片ID值,就是watch?v=後面的那一段參數 youtubebfunction($title,$lotteryurl); }) function youtubebfunction($title,$lotteryurl){ swal({ title: "<h3>"+$title+"</h3>", text: "<iframe class='youtube-video' width=100% height=450 src=https://www.youtube.com/embed/

製作一個PHP7的AES資料加密function-教學撰寫:徐嘉裕Neil hsu

PHP資料加密的方法有很多,這裡推薦使用AES 對稱式加解密法,這總方法除了數值本身的加密外,還加上了三方key的定義,產生的雜湊值如資料傳輸或存入資料表,三方key可以選一個自己知道的密碼藏在網站裡面用php常數帶出,這樣即使資料表被人破解了拿到裡面的數值沒有三方key的數值也是解不開的,AES資料加密function如下: //AES 資料加密 function encryptdecode($var="",$types="",$key=""){ //製作SHA384-KEY $hash_string = $key; $hash = hash('SHA384', $hash_string, true); $app_cc_aes_key = substr($hash, 0, 32); $app_cc_aes_iv = substr($hash, 32, 16); //加密 if($types==encrypt){ $data = $var; $padding = 16 - (strlen($data) % 16); $data .= str_repeat(chr($padding), $padding); $encrypt = mcrypt_encrypt(MCRYPT_RIJNDAEL_128, $app_cc_aes_key, $data, MCRYPT_MODE_CBC, $app_cc_aes_iv); $encrypt_text = base64_encode($encrypt); $returnvar=$encrypt_text; } //解密 if($types==decryption){ $encrypt =base64_decode($var); $data = mcrypt_decrypt(MCRYPT_RIJNDAEL_128, $app_cc_aes_key, $encrypt, MCRYPT_MODE_CBC, $app_cc_aes_iv); $padding = ord($data[strlen($data) - 1]); $decrypt_text = substr($data, 0, -$padding);