[Javascript] 在網頁畫線的方法蒐集

記錄一下網頁上如何畫出線條的方法

D3.js with SVG

https://bl.ocks.org/mbostock/f705fc55e6f26df29354

http://jsfiddle.net/9tr7w/360/

Canvans

[Html] 電子信箱的html support

如果有需要在電子信箱裡面撰寫html的朋友可以參考一下以下這個網頁
看來還是要寫inline css 最安全 XD

http://templates.mailchimp.com/resources/email-client-css-support/

[Javascript] Slideout.js製作手機滑動的側欄選單

想要有mobile web app的側欄選單，可以參考Slideout.js。

此元件有跟angular的eeh-navigation module整合，

先記錄一下。有使用再來寫使用說明。

Youtube 讓iframe有透明度

記錄一下在做youtube iframe滿版時遇到元素被遮住的問題，
可以加wmode=transparent 字串到Video的URL後面即可。
遇到IE瀏覽器記得要下meta讓IE執行edge模式

Add this in your html:

http-equiv="X-UA-Compatible" content="IE=edge" />

The page in IE is rendering in Quirk mode.

Try using Youtubes iframe embed method (if thats not what you are already doing, and add: ?wmode=transparent to the url (replace ? with & if it is not the first url variable)

[Javascript] 如果透過window物件來將字串轉換成執行程式

先前需要遇到不同狀況時，
呼叫不同含式，
但函式內部只是call不同api，
於是為了簡寫一點程式，利用字串的方法來取得函式物件，
可以使用window[你的函式字串]來轉換含式

           var runAPI = '';
                switch (reportType) {

                    case 'datastream':
                        runAPI = 'FUN_A';
                        break;

                    case 'avg':
                        runAPI = 'FUN_B';
                        break;

                    case 'max':
                        runAPI = 'FUN_C';
                        break;

                    case 'min':
                        runAPI = 'FUN_B';

                        break;

                }//end of switch

                //conv to real js function !!important
                var fnRunAPI = window[runAPI];

接著funRunAPI就變一個可執行的函式了

2015/10/21 更新

另外要使用物件或帶入參數也是可行的


window[你的函式字串](參數)

window[物件Class名稱][物件函式字串](參數)

[jQuery] ajax 異常錯誤

昨天遇到一個很奇怪的AJAX呼叫錯誤， 最後發現觸發的元素內的javascript:void(0)打錯了，導致JS異常=.= 找了一陣子才找到，真是扯XD