Jackie Note

<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-145700324-1'); </script> <a href="#" class="btn-join pull-center" data-toggle="modal" data-target="#butnInfo" onclick="GAEvent('公會長-報名公會長點擊');"></a> function GAEvent(label, category, action){ if(category==undefined){ category='Button'; } if(action==undefined){ action='Action'; } // console.log('label:', label, ' category:', category, ' action:', action); gtag('event', action, {   'event_category' : category,   'event_label' : label     }); }

var currDate = Date.parse(new Date()).valueOf(); //今天時間 var starttime = '2019/9/27 14:09:00'; //設定開始時間格式 var startDate = Date.parse(starttime).valueOf(); var endtime = '2019/10/17 23:59:00'; //設定結束時間格式 var endDate = Date.parse(endtime).valueOf(); if(currDate>startDate){//今天大於開始日             if(currDate>endDate){//今天大於結束日                 //投票已結束                 $('#voteOff').modal('show');             }else{                 //確認投票                 $('#butnSure'+this_butnSure).modal('show');             }         }else{             //投票尚未開啟             $('#voteNone').modal('show'); } p.s 凌晨12點為: 上午12:00:00

$('#carousel-id').on('slide.bs.carousel', function (e) {       var active = $(e.target).find('.carousel-inner > .item.active');       var from = active.index();       var next = $(e.relatedTarget);       var to = next.index();       to=to+1;       // console.log(from + ' => ' + to);     });

html錨點說明▼ https://kknews.cc/zh-tw/tech/ena88ry.html

$search_text = '%'.$_GET['search_text'].'%'; $rs = $mysqli->query("SELECT * FROM `user` WHERE $search_category LIKE '$search_text' "); search 用百分比把物件包起來，再到LIKE 用引號 ' ' 把變數包起來。

寫了一個 PHP+ajax+jquery猜謎遊戲。來猜謎吧~ http://towertest2019.000webhostapp.com/

使用fabric.js+php所製作的拍貼機，使用者可合成相片並下載。 PC版: https://fgophoto12.000webhostapp.com/ 手機版: https://fgophoto12.000webhostapp.com/mobile.php

寫了一個jquery射擊遊戲原型，玩玩看巴。 http://jackietsaitsai.000webhostapp.com/source/webgame-front-end/shoot_game/index.html

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下，点击其他空白区域（通常是遮罩层），模态框会被关闭，那么以下方法就是禁止点击其他区域关闭模态框。 $( '#myModal').modal({backdrop:  'static', keyboard:  false}); backdrop:static时,空白处不关闭. keyboard:false时,esc键盘不关闭. 上述代码也用于打开模态框。 也可以使用以下方法： <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">   <div class="modal-dialog custom-dialog succ-dialog">     <div class="modal-content">       <div class="modal-header">         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>         <h4>提示信息</h4>       </div>       <div...

var idx = $ ( '.carousel-inner li.active' ). index (); <script> $(function(){ $('#myCarousel').on('slide.bs.carousel', function () { var idx = $('.carousel-inner div.active').index(); alert(idx+"当调用 slide 实例方法时立即触发该事件。"); }); }); </script>

PHP substr() 函數的用途是用來取得部分字串內容，可以設定要開始擷取的字元位置與總共要擷取的字元數量。 基本的語法 substr( $string , $start , $length ) $strting 是原始的字串，$start 是要開始擷取的位置，$length 則為要截取的字串長度，要注要的是 $start 與 $length 都必須為數字才有作用，可以是正整數，也可以是負整數，以下提供幾個範例參考。 如果沒有設定 $start 也是可以的，直接給 length 就可以取長度，正負値將影響取得的內容。 先看看只給 length 的簡短寫法 echo substr("abcde", -1); <= 這樣會輸出 e，因為從字尾開始算一個字母。 echo substr("abcde", -2);  <= 這樣會輸出 de，因為從字尾開始算，共取兩個字母。 接著看加入 start 値設定的情況 echo substr("abcd", -3, 1); <= 這樣會輸出 b，因為從字尾開始算，先取三個字母為 bcd，接著長度在從 bcd 取 1 位。 echo substr("abcdef", 0, -1); <= 這樣會輸出 abcde，因為程式先從零開始取整段字串，長度再由字串尾扣掉一個。 echo substr("abcdef", 2, -1); <= 這樣會輸出 cde，因為程式先從第二個字元開始，取得 cdef 這幾個字，再由取得的字串尾扣掉一個。 echo substr("abcdef", 5, -2); <= 這樣會回傳 false，因為程式一開始先取得 f，然後扣掉五個字元，就什麼都沒有囉！ echo substr("abcdef", -4, -2); <= 這樣會輸出 cd，因為程式先取得 cdef 這四個字元，再從其中的字尾開始扣掉兩個字元。 https://www.wibibi.com/info.php?tid=96

查找 "php" 在字符串中最后一次出现的位置： <?php echo strrpos("You love php, I love php too!","php"); ?> 結果:21 ▼參考資料: http://www.w3school.com.cn/php/func_string_strrpos.asp

nicescroll.js 搭配 bootstrap modal 會發生跑位的問題，解決方案: $('.page1_btn2').click(function(){         $('#info').modal('show');         $(".modal-body").getNiceScroll().remove();//niceScroll必須先移除否則第二次會跑位         /*判斷瀏覽器做動作*/         var explorer = window.navigator.userAgent ;         if (explorer.indexOf("MSIE") >= 0) {//ie10及以下         }else if (explorer.indexOf("Firefox") >= 0){//Firefox         }else if (explorer.indexOf("Chrome") >= 0){//Chrome                   }else if (explorer.indexOf("Opera") >= 0){//Opera         }else if (explorer.indexOf("Safari") >= 0){//Safari             setTimeout(function(){//niceScroll必須延遲，否則會跑位                 $(".modal-body").niceScroll({     ...

$comparison = strcasecmp($reply,$topic['answer']);//不分大小寫字串比對 if($comparison==0){//相同則回傳0 $img_change = 'pic_'.$id_now.'_light.png';//欲更新的圖片名稱組合 $rs_img_change = $mysqli->prepare(" UPDATE `topic` SET `img`=?,`status`=1 WHERE id = ? ");     $rs_img_change->bind_param('si', $img_change,$id_now);     $rs_img_change->execute(); echo "correct"; }else{ echo "error"; }

範例網址: https://fgophoto12.000webhostapp.com 1.創建一個canvas畫板並加上背圖 //preserveObjectStacking: true - 選中的物件不會置頂 var canvas = new fabric.Canvas('draw',{ backgroundImage: "assets/img/fgo-card.jpg",preserveObjectStacking: true});//創建一個canvas畫板並加上背圖 2.在畫布新增一個圖片 fabric.Image.fromURL('assets/img/patten/hreat1.png', function(img) {     img.scale(1).set({       left: 150,       top: 150,       angle: 0,       lockRotation: true,//旋轉控制失效       type:'st'//可用來替物件命名     });       canvas.add(img); }); 3.下載canvas圖片(搭配php) $('.download').click(function(){ //取消选择画布上的一个或多个对象 // canvas.deactivateAll().renderAll(); var fullQuality = canvas.toDataURL("image/png").replace("image/png","image/octet-stream"); var type = 'png';//图片导出为 png 格式 // console.log(fullQuality); var saveFile = function(data, filename){//這段一定要放前面     var save_link...