Luna's tech note

因為有客戶想要一個javaScript寫的浮動式小鍵盤，所以偶這幾天都在找相關的資料。本來以為網路上現成的script應該很好找的說，哎呀~ 沒想到找半天都沒合用的。所以後來乾脆參考別人的，自己改寫了一個螢幕小鍵盤程式。

偶主要是拿這個作品來改版，把原來固定在頁面上的鍵盤改成浮動式，按鍵的style改成比較小巧的，而且使用者可將小鍵盤隨意拖放在頁面上想要的地方。另外，預設平常小鍵盤不會出現，使用者需要的時候，才點選小鍵盤的圖示，來顯示/隱藏小鍵盤。

Screenshot :

有興趣的請自行下載 : Keyboard.zip

參考資料:
Virtaul keyboard :

• Virtual Keyboard
  Java applet base，浮動式，可在頁面上隨意拖拉，有多種面板可以使用，可惜要收費
• Virtual Keyboard at ImTranslator.net
  JavaScript base，是固定在頁面上的，介面做的相當漂亮，功能完善包含剪下/複製/貼上/spell check等附加功能，而且支援"幾十個"國家的語言喔~ 不過可想而知，這樣優的產品當然是要錢的啦。
• Silly on-screen keyboard
  JavaScript base，也是固定在頁面上的，不過可以選擇隱藏或出現，蠻陽春的，而且不知道是哪國的語言，只是拿來參考一下..^^|||
• Javascript keyboard for Greek Unicode
  希臘版，固定在頁面上的，純參考
• Das Computerkind: JS Keyboard
  陽春版，是固定在頁面上的，參考用
• On-screen Russian keyboard Kbd.RusWin.net, Virtual Keyboard for Russian and Ukrainian
  很奇怪的文字，是固定在頁面上的，參考用
  

Drag & drop :

• Dragable content
  對一般的html element相當好用，可是似乎element的結構一複雜，就有點問題，偶dynamic去設定某個element，就沒效了
• Yahoo! UI Library: Drag and Drop
  挺複雜的，不太好用，試不太出來ㄝ...> <
• Javascript Drag and Drop
  果然簡單好用才是王道，偶後來採用了這個library