--> 跳到主要內容

0's Notes

搜尋此網誌

[HTML] 常用前端特效

日期： 6月 13, 2018

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

ScrollReveal
Animate.css

HTML JavaScript

取得連結
Facebook
X
Pinterest
以電子郵件傳送
其他應用程式

留言

張貼留言

[JQuery] 限制input只能輸入數字的三種方法

限制input只能輸入數字方法1: type="number" <input type="number" name="num"> 方法2: onkeyup //只能輸入數字 <input name="num" onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'')"> //只能輸入數字(不能輸入0) <input name="num" onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'');if(value==0) value=1;" value="1"> 方法3: 使用JQuery控制 HTML: <input class="number" name="num"> SCRIPT: $(".number").on("keypress keyup blur",function (event) { $(this).val($(this).val().replace(/[^\d].+/, "")); if ((event.which < 48 || event.which > 57)) { event.preventDefault(); } });

[Laravel] 連線資料庫、建立Model & migration #4

step 1. 首先記得打開 mySQL step 2. 先修改 .env 檔資料庫的三個參數 DB_DATABASE= 資料庫名稱 DB_USERNAME= 使用者名稱 DB_PASSWORD= 密碼 ***.env檔裡面有放資料庫的密碼，所以記得不要git上去哦! step 3. 修改時區 config\app.php 找到timezone 'timezone' => 'UTC', 將UTC改成 Asia/Taipei 'timezone' => 'Asia/Taipei', step 4. 建立Model & migration > php artisan make:model Entities/Record -m -m : 建立model，同時建立資料表的migration 執行完這行會產生兩個檔案，分別為： app\Entities: Record.php database\migrations: 2018_07_14_191743_create_records_table.php - Model 第一個字母大寫，以大駝峰命名 - Table 全部小寫加上s - Migration 資料庫遷移檔，時間戳 + tablename step 5. 開啟 migration檔在up()裡面新增欄位，可以參考官方網站的寫法。 public function up() { Schema::create('records', function (Blueprint $table) { $table->increments('id'); // 增加欄位在這 $table->timestamps(); }); } 這裡也支援外來鍵(FK)哦! 不過前提是要先有參照的Table要先蓋好! 這樣才不會錯~~~~ ..... step 6. 建構資料表第一次建構時: > php artisan migrate 若有打錯要重新建構可使用:...

[JavaScript] 使用html2canvas，擷取網頁區塊截圖

官網： html2canvas 1. 把你要截圖的東西包在div 2. 放一個下載截圖的Button 3. 載入html2canvas的js 4. 寫Button onclick觸發的function 5. 完成啦~~~當按下Buttonc後，瀏覽器會自動下載圖片 Example ↓ HTML: <div id="chart3"> 擷取區塊 </div> <button id="btnSave" class="btn btn-danger" onclick="screenshot()">Download screenshot</button> JavaScript: <script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> <script type="text/javascript"> function screenshot(){ html2canvas(document.getElementById('chart3')).then(function(canvas) { document.body.appendChild(canvas); var a = document.createElement('a'); a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream"); a.download = 'image.jpg'; a.click(); }); } </script> JavaScript ref: Take ...

技術提供：Blogger