使用Google 雲端硬碟放置網頁連結可直接下載的檔案

1.將檔案放到Google雲端硬碟後
   在共用設定將檔案的權限由私人設為公開
   這個畫面會得到一個共用連結

2.將共用連結拿來修改
原來應該是類似
https://drive.google.com/file/d/0B66PlkYn12VKcG5iLS1ZNmhsSU0/edit?usp=sharing

將紅色部分接在 https://googledrive.com/host/ 之後
得到https://googledrive.com/host/0B66PlkYn12VKcG5iLS1ZNmhsSU0

這樣就可以透過URL Link 來使用css或js

javascript 抓取滑鼠位置

document.onmousemove = function (event) {

  var e = event || window.event;

  if(e.pageX || e.pageY)

    return {x:e.pageX, y:e.pageY};

  else

    return {

      x: e.clientX + document.body.scrollLeft - document.body.clientLeft,

      y: e.clientY + document.body.scrollTop - document.body.clientTop

    };

}

android 部分 browser 的input 與 textarea 不能使用css

最近工作上碰到一個問題
使用android的預設瀏覽器的時候
發現當focus到input或textarea要輸入文字的時候
css會被取消掉的問題
本來一直以為是瀏覽器故意這麼做,沒有解決的方法
後來無意間還是讓我找到解法
就是在css加上

-webkit-user-modify: read-write;

後來有查到這是chrome跟safari支援的寫法

firefox 支援的是

-moz-user-modify: read-write;

裡面可以填的參數有

read-only, read-write, read-write-plaintext-only

CSS3也有定義相關的參數, 只是不知道目前各瀏覽器的支援程度如何

user-modify

相關的連結如下

http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-modify

判斷瀏覽器動態載入資料

<!--[if IE]>內容<![endif]-->

內容只有 IE 會顯現。

<!--[if IE 7]>內容<![endif]-->

內容只有 IE7 會顯現。

<!--[if lt IE7]>內容<![endif]-->

內容只有比 IE7 更舊會顯現。

<!--[if !IE]>-->內容<!--<![endif]-->

內容除了 IE 以外的瀏覽器會顯現。

參考連結 http://boohover.pixnet.net/blog/post/12309095