徐嘉裕(Neil Hsu)的工作心得網誌!

之前好像不小心按到什麼使用Edge瀏覽器的設定，之後開啟IE都會強制轉跳到Edge瀏覽器，雖然Edge瀏覽器比較新但我還是習慣用IE阿~找了半天於找到關閉強制轉跳的方法!! 1、開啟Edge瀏覽器->點選右上角的 ... 按鈕->點選齒輪的設定 2、點選預設瀏覽器->在 Microsoft Edge 中以 Internet Explorer 開啟網站->設為【永不】 設定完之後再用IE開啟網頁就不會強制轉跳到Edge，有需要的朋友參考看看! 工作心得轉寫： 徐嘉裕 Neil hsi

CK編輯器可以吧原始資料來源的HTML編碼也一起複製過來，像是我們要複製FB的一段貼文，可能就會有很多的emoji表情圖😄💔🐷🐹，但是這些表情圖寫入資料表時卻會發生錯誤!! Incorrect string value: ' \xF0\x9F\x91\xA9\xE2\x80 ...' for column `chestycedu`.`x03echestycedu_neilonlinevideocenter`.`description` at row 1 紅字那段就是發生錯誤的原因，因該是跟反斜線有關，上網估狗了一下找到一支不錯的function能解決這問題，CODE如下： //去除emoji表情符號字符反斜線 function sqlinjectionfilterEmoji($str){ $str = preg_replace_callback( '/./u', function (array $match) { return strlen($match[0]) >= 4 ? '' : $match[0]; }, $str); return $str; } 只需要在送出表單接收post寫入資料表的地方使用即可! sqlinjectionfilterEmoji($str=$_POST['text']); 去除反斜線後資料就能正常儲存，原本的emoji表情符號也會保留! 這樣問題就解決了，有需要的朋友參考看看!! 工作心得撰寫： 徐嘉裕 Neil hsu

現在很多網站排序都是採用拖曳式的，但拖曳也並非萬能，像是有分頁的資料或是有幾百筆以上的資料或是階層式資料用拖曳就很累了，還是用輸入排序編號比較方便，所以如果要用拖曳的排序最好是在20~30筆以內資料為佳，這裡分享一個使用jquery-ui.js的sortable做一個tabe拖曳排序功能方法如下： HTML結構部分 (紅字為拖曳需要增加的部分) <table class='table  sortable' > <thead> <tr> <th>標題1</th> <th>標題2</th> <th>標題3</th> </tr> </thead> <tbody> <tr class='tr' id='1' > <td>text1</td> <td>text1</td> <td>text1</td> </tr> <tr  class='tr'   id='2' > <td>text1</td> <td>text1</td> <td>text1</td> </tr> <tr  class='tr'  id='3' > <td>text1</td> <td>text1</td> <td>text1</td> </tr> </tbody> </table> //引入JS (如Xoops佈景已有引入則不需重複引入) <script src="http://tool.phpddt.com/resources/js/jquery-1....

在防機器人填寫垃圾表單除了Google套件外，如果要自行開發，最好的還是使用圖片文字來做為驗證依據，這裡分享一個不錯的GD圖形產生文字圖片的function分享給大家 php-code 可以吧以下這段function放到模組的function.php中 //產生GD文字圖片 function fonttoimageGDfunction($width="",$height="",$x="",$y="",$font_size="",$word=""){ //$width 區塊寬度 //$height區塊高度 //$x內容的x位置 //$y內容的y位置 //$font_size文字大小1~5(最大值為5) //$word顯示圖片文字內容  $im = imagecreatetruecolor($width, $height); //製作白底黑字 $text_color =imagefilledrectangle($im, 0, 0, 300, 300, imagecolorallocate($im, 255, 255, 255)); // 設定 底色白色 imagestring($im, $font_size, $x, $y, $word, $text_color); ob_start();  //   打開輸出控制緩衝 imagepng($im); $output = base64_encode(ob_get_clean());  //取得當前內容並刪除緩衝 imagedestroy($im); return $output; } 然後再要使用圖形驗的的地方輸出function //產生圖片 $word="text.text" echo $robottimedateingbox='<img id="fonttoimageGDbox" src="data:image/png;base64,'.fonttoimageGDfunction($width="100",$heig...

Xoops佈景預設引入的jquery.js已經很老舊了，如果要引入最新的jquery-3.5.1.min.js則會與$xoops_module_header中預設jquery.js衝突，所以如果佈景要引入jquery-3.5.1.min.js必須做以下修改才行，移除Xoops預設的jquery.js。 1、在佈景樣板的<{$xoops_module_header}>標籤上方引入jquery-3.5.1.min.js，然後再引入jquery-migrate-3.3.0.min.js以便做舊版jquery.js的兼容，若沒引入jquery-migrate-3.3.0.min.js很多舊版的JS功能都會發生異常無法使用。 所以樣板程式就會是以下這樣 <{php}> global $xoopsTpl; //引入jquery-3.5.1.min.js $module_header.="<script src='".XOOPS_URL."/modules/neillibrary/js/jquery-3.5.1.min.js' type='text/javascript'></script>"; //引入jquery-migrate-3.3.0.min.js $module_header.="<script src='".XOOPS_URL."/modules/neillibrary/js/jquery-migrate-3.3.0.min.js' type='text/javascript'></script>"; echo $module_header; <{/php}> <!--module_header--> <{$xoops_module_header}> 2、再來解決$xoops_module_header重複引用jquery.js的問題，需要吧Xoops預設的jquery.js拿掉，還有tadtools中較舊版的jquery-migrate-3.0.0.min.js拿掉，這裡需要使用samty的replace功能，程式...

CSS物件垂直置中如果是以前只能用table td屬性中的vertical-align: middle;來定義，後來有CSS3可以透過假表格( display:table-cell;)吧div指定為table屬性後使用vertical-align: middle;但我覺得還是非常不好用，這裡分享兩個css3物件垂直置中的方法讓大家參考一下! 例如我們要做像以下的標題樣式 如果文字多顯示兩行，文字少顯示一行，但都必須垂直置中。 HTML結構  <div id='titlebox' ><div><a  href="https://www.blogger.com/">標題文字標題文字標題文字標題文字標題文字標題文字</a></div></div>  <div id='titlebox' ><div><a  href="https://www.blogger.com/">標題文字標題文字</a></div></div> 方法1，使用transform來垂直置中 transform CSS 屬性可以讓你修改 CSS 可視化格式模型（visual formatting model）的空間維度。使用此屬性，元素可以被平移、旋轉、縮放和傾斜。 參考資料來源： https://developer.mozilla.org/zh-TW/docs/Web/CSS/transform #titlebox{ position: relative; height: 132px; background: #ffffff url(../../img/unit/) no-repeat left top; text-align: center; font-size: 200%; overflow: hidden; } #titlebox div{ position: relative; top:50%; transform:translateY(-50%); padding: 0px 20px; max-height:105px; overflow: hi...

在開發模組時如果要吧資料表內容匯出excel，最常用的套件因該就是PHPExcel，但是官網已經說明PHPExcel套件因升級不易只能支援到php5.6， 該物件已於2017年正式棄用，並於2019年永久歸檔 ，換句話說PHPExcel套件對於日後新版的excel格式均不支援，為保持程式在最新狀態只好棄用PHPExcel改使用PhpSpreadsheet電子表格套件，該套件也是能匯出excel，還能匯出LibreOffice Calc，感覺還不錯! 唯一比較麻煩的是使用PhpSpreadsheet要先佈署composer，如果沒佈署composer是沒辦法使用的，還好官方有釋出已經設定好的phpoffice套件可以直接引入使用，省了很多麻煩，使用PhpSpreadsheet方法如下： 1、先下載PhpSpreadsheet套件，我已經幫大家吧phpoffice一起打包上傳 https://drive.google.com/file/d/1jw73diWVjbcr1ycY-gtqM2cGfpLp1zS_/view?usp=sharing 下載回來後解壓縮吧phpoffice跟PhpSpreadsheet丟到Xoops模組的class資料夾中，未來如需更新PhpSpreadsheet可到官網下載最新版覆蓋即可 https://github.com/PHPOffice/PhpSpreadsheet 2、然後建立一個excel.php放在模組根目錄中 以下為編排excel表格常用的函數設定 include_once "header.php"; //先引入autoload.php檔 include_once XOOPS_ROOT_PATH.'/modules/ 模組ID /class/phpoffice/vendor/autoload.php'; use PhpOffice\PhpSpreadsheet\Spreadsheet; use PhpOffice\PhpSpreadsheet\IOFactory; $spreadsheet = new Spreadsheet(); //實體化Excel工作表 //設置電子表格元數據的操作： $spreadsheet->getProperties() ->setCreator...