應用套件遇到一點小問題
SELECT2 套件 https://github.com/select2/select2 套上樣式 Bootstrap 4 – select2-bootstrap4-theme 的時候
Select2 的版本為 4.1.0-beta.1， Select2-bootstrap4-theme 套用的 Select2 版本為 4.0.6-rc.0 目前看到最大的差異是針對 多選的取消框會有點樣式上的問題
原設計的畫面如下：
Tagged: javascript
[Plugin] WordPress google CDN 修改為 360 CDN
今天看到免費資源網路社群 分享的 libs.useso.com：360 提供免費前端公共庫 CDN 服務，當下有個衝動想把它寫成外掛
因為大部分的部落格，主要的收看群並不是中國的為主，只有中國的部落客與收看者才會需要這種服務，如果放在部落格上，只會影響以外的收看群，所以寫了一個外掛，針對瀏覽器的語系，來判斷是否要不要替換成 360的CDN服務
其實最主要還是 googlefonts 的服務，這個受到的影響最大，其他就還好，本外掛主要根據
這兩篇文章來做基礎替換。 (閱讀全文…)
[技巧] 網頁上快速存圖 (三)：放大 Google 圖片
先前教學的一篇 [技巧] 網頁上快速存圖 (一)：縮圖變大圖 針對Google 的圖片是沒有效果的，為什麼呢？
首先要來分析一下 Google的存圖結構，我們就以 這篇文章 來做示範
首先第一個步驟就是複製 第一張圖片的圖片網址 (閱讀全文…)
[Plugin] WordPress 標籤雲外掛: Muki Tag Cloud
WordPress 用了一年多了，一直都沒機會參透它的程式，這次在一個因緣際會下看了一篇文章：製作不規則形狀的 WordPress 標籤雲 之後，便與 Muki Wu 一起合作開發一款 WordPress 的 Plugin，名為 ：Muki Tag Cloud。
這是一款可以將 WordPress 的標籤雲利用 Javascript 隨機編排出位置的 Plugin，利用 jQuery 的 Plugin 程式 jQCloud 來達成的插件。
[技巧] 網頁上快速存圖 (二)：取得下一頁圖片
繼上一篇 [技巧] 網頁上快速存圖 (一)：縮圖變大圖 ，這次要來教的是更進階的技巧。
當我們在看一串圖的時候，有些時候會被分成好幾頁來觀看，如果分頁少一點還可以接受，但是有些網站分頁實在太多，有時候一整套圖十幾張，一頁就分一張，這要抓圖實在有點難，有些人可能會安裝自動分頁軟體來換頁，然後再利用技巧把圖片放大，這是種解決辦法，但是當分頁軟體沒辦法幫助到你的時候，也只能自力救濟了。
這次應用到的技巧一樣是 Jquery ，如果想要學習 Jquery 可以透過一些速成書籍或是線上教學網站 http://learn.jquery.com/ 來學習，或是看中文版的 學習 jQuery 從入門到精通只要兩小時！投影片。
[技巧] 網頁上快速存圖 (一)：縮圖變大圖
不少人都有存圖的習慣，我自己也有，通常呢我都用右鍵快速的把圖片存下來，但是當你想存的圖片很多該怎麼辦呢，我的方法是使用 [教學] 如何把文章中的連結變成圖片直接看 這個技巧把圖片給變成大圖，當圖片變成大圖的時候，只需要按下 CTRL+S 也就是 選單裡面的 檔案→存檔，把網頁帶圖片一次給存下來，整張網頁中的檔案就在裡面了
這時候桌面上會有兩個檔案，以 [開箱] V-MODA Crossfade M-80 專業低音耳機 這篇文章來說，如果你想全部把圖片存下來，只需要 利用我的 教學 把連結圖片一次變成大圖片，等圖片載入完畢之後，存檔的資料夾上就會出現兩個檔案
- [開箱] V-MODA Crossfade M-80 專業低音耳機 Mesak Blog_files
- [開箱] V-MODA Crossfade M-80 專業低音耳機 Mesak Blog.htm
通常呢，存圖片是不需要存文字的，這時候只需要點入檔名帶有_files 的資料夾，把你需要的圖片抓出來，移動到另一個資料夾下就好了，這時候只需要刪除網頁 OR 資料夾，兩個文件就會刪除了。 (閱讀全文…)
[JS] 表格新增移除整欄
今天在寫案子的時候，剛好要寫一個類似比較的功能，找了大半天沒找到類似的套件可以應用
所以自己就大概寫了一個 insert table column and remove table column 的Jquery 程式
一次新增一欄資料，以及移除一欄資料
http://jsfiddle.net/mesak/6mSe7
(閱讀全文…)
[JS] Radio Shift Multi Select
[教學] 如何把文章中的連結變成圖片直接看
[JS] 關閉視窗確認
剛好實作到的程式，紀錄一下
作用是，按下關閉登出的時候，詢問是否要登出系統，確定登出，執行某 函式
應用到了 jquery ，所以要載入 jquery
|
1 2 3 4 5 6 7 8 9 10 11 12 |
$(document).mouseleave(function(e){ window.onbeforeunload = function () { window.onunload = function () { alert('bye') } return '您確定要登出本系統？'; } }); $(document).mouseenter(function(e){ window.onbeforeunload = null window.onunload = null }); |