フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
そろそろまたJavascriptオフの時代が来た
Google Maps以前のころ。ヘビーユーザーのあいだではJavascriptオフが常識になっていた。度重なる時計の再発明に業を煮やし、IEのActiveXに警戒心を抱き、不安定なOSをさらに不安定にするため暗躍するのがJavascriptでありJScriptだった。 Google Mapsがあれだけのインパクトを与えたのは、ひとえに、こういった先入観を打ち砕いたからに尽きる。信じられないことに、Javascriptって便利なのだ。実に見事な枯れた技術の水平思考である。 Ajaxという言葉が帰納され、ライブラリがぼこぼこと発表される。ネイティブオブジェクトの拡張と、クロスブラウザのための供物ラッパー集合体たるprototype.jsを筆頭に、様々なものが世に出、様々なアプリケーションがより手軽に実装できるようになった。 script.aculo.usやLightBoxやmoo.fxといっ
Seeing is Wheeling: ホイールで動くハイライトによるリーディング支援
Seeing is Wheeling: ホイールで動くハイライトによるリーディング支援 WISS 2003 のデモセッションに参加しました。 概要 近日和訳予定。 Some people follow text with a pen or their finger when reading a paper document in order to keep track of where they are. Physical pointing is awkward when reading on desktop computers and some people highlight the text being read using a mouse dragging operation. We propose a simple interaction technique Seeing is
Opera で TAB キーによるフォーカスの移動を抑制する - WebOS Goodies
TEXTAREA に文字列置換機能を追加するの記事で参考にさせていただいた Enjoy×Study さんで、 Opera でTABキーの入力をキャンセルする方法という記事を見つけました。 Opera では、キーイベントをすべてキャンセルしても、 TAB キーによるフォーカスの移動だけは禁止できないそうです。試してみると、確かに私の TEXTAREA_Replace.user.js でもフォーカスが移動してしまいました（´Д｀；。これはちょっと気持ち悪いですね。 なにかいい方法はないかと思っていたのですが、あるとき、 Google Personalized Homepage のガジェット内にある TEXTAREA では TAB キーを押してもフォーカスが移動しないことに気付きました（ガジェット内にフォーカスを受けるコントロールがひとつしかない場合）。ということは、 TEXTAREA を IF
tabindex とフォーカス: Days on the Moon
レイアウトを動的に変更する際にはアニメーションをつけたほうがいいかもしれないけど面倒くさいといっていたのだが、物は試しとつけてみた。JavaScript が有効ならば pre 要素の幅切り替えのサンプルや右に出ている「メニューを本文の右側に表示」チェックボックスでその効果を確認できる (IE 5.5 以前など古いブラウザでは表示されない) 。わかりやすくなったのかうっとうしくなったのか、はたまたそんな機能自体いらないと思われているのか。 ところで、こういったことを実現するにあたって問題になってくるのがクリック可能な、すなわち onclick にイベントハンドラが結び付けられた項目を HTML でどう表現するかだ。具体的にいうと a 要素を使って href 属性には無意味な値を設定するか、span 要素などその他の要素を使うかで、これに関しては「Googleがonclickにはhref="j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://white.s151.xrea.com/wiki/index.php?script%2FLDRize
caramel*vanilla » フォームのユーザビリティ向上 - Tooltip for forms
