發表文章

boostrap判斷當前slider的index

$('#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錨點

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

Mysqli query LIKE

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

PHP+ajax+jquery猜謎遊戲

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

fabric.js 拍貼機

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

jquery 射擊遊戲

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

Bootstrap Modal 禁用空白處點擊關閉

模态框(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...

boostrap 判斷目前第幾個(index)

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()函數,取得部分字串

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 strrpos()函數

查找 "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

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({     ...

php不分大小寫字串比對語法檢査兩個字串是否相同

$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"; }

fabric.js 教學 (隨便紀錄)

範例網址: 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...

FACEBOOK 自訂分享圖片及內容至塗鴉牆

1.先至  https://developers.facebook.com  申請APP應用程式,並設定好基本資料再按開啟鈕。 2.引入SDK          window.fbAsyncInit = function() {     FB.init({       appId      : '你的APPID',       xfbml      : true,       version    : 'v3.2'     });     FB.AppEvents.logPageView();   };   (function(d, s, id){      var js, fjs = d.getElementsByTagName(s)[0];      if (d.getElementById(id)) {return;}      js = d.createElement(s); js.id = id;      js.src = "https://connect.facebook.net/en_US/sdk.js";      fjs.parentNode.insertBefore(js, fjs);    }(document, 'script', 'facebook-jssdk')); 3.自訂分享內容程式碼 var img = "https://fgophoto12.000webhostapp.com/"+data; var desc = "your caption here"; var link = 'https://fgophoto12.000webhostapp.com'; // Open F...

PHP讀資料庫的資料,保留換行及空格

PHP讀資料庫的資料,保留換行 參考網址: http://www.wibibi.com/info.php?tid=323 PHP nl2br 函式會在字串中的「行」之前加上  HTML 換行 標籤 <br> 讓瀏覽器正確顯示換行排版,而不是每一行都連在一起。通常用於當輸入端在網頁的文字輸入欄位  textarea  輸入含有換行文字段落,存入資料庫後,代表換行的符號如「\n」也會存入資料庫中,但是當 PHP 從資料庫中將資料讀取出來,顯示於網頁時,並不會自動換行,這時候就必須用 nl2br 函式將字串的「\n」先轉換為  HTML 換行 標籤。 PHP nl2br 基本語法 nl2br( $string ) 語法小括號中的字串 $string 為必填項目,就是要轉換的字串,nl2br 可以判斷的換行符號如  \r\n 、 \n\r 、 \n  與  \r ,遇到字串中有這些符號的時候,nl2br 便會將其轉換為 <br>、<br/> 或 </br> 標籤,並返回轉換結果。 PHP nl2br 範例 <?php $new_string = "Welcome to Wibibi.\nIt was a very nice day."; echo  nl2br ($new_string); ?> 以上輸出網頁結果 Welcome to Wibibi. It was a very nice day. 檢視程式碼 Welcome to Wibibi. <br /> It was a very nice day. -------------------------------------------------------------------------------------------------------------------------- PHP讀資料庫的資料,保留空格 參考網址: https://codeday.me/bug/20180309/141593.html 使用<pre></pre>標籤包住內容即可。