Java Script
應用套件遇到一點小問題
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 目前看到最大的差異是針對 多選的取消框會有點樣式上的問題
原設計的畫面如下：
最近工作一直跟匯入的資料處理有關，弄到自己有點頭痛，其中比較頭痛的是 想要美觀的 Wizard 或是 Step 這種步驟式的plugin 大多都沒有達到我的需求
後來在網路上看到一段很簡略的 Step Wizard 應用上了一個案子，運行的很順暢。
不過還是不敷我使用，一直大量用到了之後決定寫成個 plugin 先寫個雛形方便未來修改擴增。
因為是用 Bootstrap 所以CSS範例也是跑 Bootstrap
最近燦坤在會招，網頁購物商城從 快8升級到快3，購物商城老實講可瀏覽的東西也增加不少，可以了解這家公司慢慢的想把戰線擴大到線上購物，不過苦的是員工，最後得益的還是消費者。
有點題外話，回到正題，燦坤目前的網頁，只要你想看特價，還必須要點一下 按下點我線折 才可以看到折價後的價格，非常的不便民
所以簡單拆解了一下程式，非常簡單只需要一行：
今天在寫案子的時候，剛好要寫一個類似比較的功能，找了大半天沒找到類似的套件可以應用
所以自己就大概寫了一個 insert table column and remove table column 的Jquery 程式
一次新增一欄資料，以及移除一欄資料
http://jsfiddle.net/mesak/6mSe7
剛好實作到的程式，紀錄一下
作用是，按下關閉登出的時候，詢問是否要登出系統，確定登出，執行某 函式
應用到了 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 }); |
前陣子第一次聽到這個程式的名稱，大概是說 可以寫成 Javascript 的 MVC 的程式
官方網站裡面有些範例，看了可以稍微了解一點
Why would you use Backbone.js?
What is a model?
What is a view?
What is a router?
What is a collection?
一般最常用到的是 Model ，非常好用，除非要建構整個網站，不然應該還不用用到 router 跟 view
呼，原本想裝 jgrowl 套件在 新的案子上
不過想說已經裝了 Jquery ui 跟 Jquery Wijmo ，感覺已經很重了，所以自己花時間整了一個函式
最好配合一下 jquery ui ，不然會不好看
IE 在 disabled option 有點問題
參考了一下 http://tinyurl.com/l99f9這個的做法
其實也沒有多大參考，大概只有抄一下 CSS COLOR NAME而已
disabled 的同時 給予 option CSS顏色
子SELECT 在選取到該顏色，就把值給清空，這樣就沒作用了
較新文章