• かちびと.net

    Androidのパスワード入力のインターフェースを再現するjQueryプラグイン・DontType!のご紹介。あまり需要なっそうですけど・・・canvasを使うのでIEに非対応です。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Androidのパスワード入力のインターフェースを再現するjQueryプラグイン・DontType!

スポンサーリンク

Androidでのパスワード入力時の
インターフェースをWeb上で再現
するjQueryプラグイン・DontType
のご紹介。マウスのみでパスを
入力するのでDontType!な訳です
ね。IEには完全に非対応ですが、
なかなかユニークなプラグインです。

土曜日なのでややネタ的。IEは完全非対応(canvas使ってるようです)、といっても、通常のパスワード入力になるだけなのでモダンブラウザの方だけ楽しめます(?)。

DontType!


こんな感じ。Androidユーザーの方なら分かりますよね。僕は持ってないので画像検索しましたw


丸い部分をマウスでクリックしてパスワードを入力するのでタイプする必要がないんですね。

使い方

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<script type="text/javascript" src="dontType.js"></script>

jQueryとプラグインを読み込みます。

$(function(){
$('#passwordField').dontType();	

その後に上記のような設定をするだけ。

<label for="password">Passwort</label>

<input type="password" name="password" id="passwordField" />

マークアップは普通です。

ライセンスはMITです。デモがありますので触ってみては如何でしょう。

DontType! / DEMO

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services