2008 . 04 . 15

バーチャルキーボード スクリプト

Virtual Keyboard Interface

Webページ上のフォームなどの入力用バーチャルキーボード スクリプト。

設置は次のとおり簡単です。
  1. Virtual Keyboard Interfaceより、JavaScript、CSS、アイコン画像をダウンロードして、サーバに配置
  2. ページ内の<head>タグ内でスクリプトとCSSを指定
  3. <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
    <link rel="stylesheet" type="text/css" href="keyboard.css">
    
    ディレクトリパスは適宜に
  4. 目的のテキスト入力欄などで、クラスを指定
  5. <input type="text" value="" class="keyboardInput">
    
  6. 以上で設置は完了です。

アイコン画像はHTMLと同ディレクトリに行いといけないようです。

、で実際にこのページ内に設置してみたのがこちら、アイコンをクリックするとキーボードが現れます。



さすがに日本語には対応していませんが、複数の文字コードが使えます。
また、同サイトではGreasemonkey用のスクリプトなんかも公開されていて、任意のページでスクリプトを実行したりすることも出来ます。