タグ

javascriptとusabilityに関するmrnoonのブックマーク (3)

  • ブログのコメント投稿フォームをちょっぴり親切にする

    ブログのコメント投稿フォームをちょっぴり親切にする Permalink URL http://www.magicvox.net/archive/2007/01161250/ Posted by ぴろり Posted at 2007/01/16 12:50 Trackbacks 関連記事 (0) Comments コメント (2) Post Comment コメントできます Category ブログのコメント投稿フォームに初期メッセージを設定しておき、入力フォーカスが当たった時点でこれを消すという tips が紹介されています。元ネタである@Style さんのコード で 3 箇所に渡ってハードコーディングされている初期メッセージ周りを少しスマートにしてみました。 初期メッセージにコメント欄で使えるタグの一覧や注意事項を書いておくなどすればユーザビリティの点でも好ましいですね。

    ブログのコメント投稿フォームをちょっぴり親切にする
  • フォームの入力エラーを吹き出しで教えてくれる JavaScript

    ■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri

    mrnoon
    mrnoon 2007/04/11
    フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれ
  • iPod風の階層的なナビゲーションを実装する面白UIサンプル「ColumNav」:phpspot開発日誌

    ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風の階層的なナビゲーションを実装する面白UIサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風UIでiPodライクな次のようなナビゲーションを実装する方法. ファイルをクリックでファイルを表示し、フォルダをクリックでアニメーションしながら階層を移動します。 動きがなめらかでクールな印象を出すことが出来そうです。まさにiPod風。 Ajaxを使って無制限に階層を辿ることが出来たり、なかなか工夫されているようです。 ソースも次のようにクリーンになるので使いやすそう。 <ul id="basketball-list"> <li>

    mrnoon
    mrnoon 2007/04/11
    iPod風の階層的なナビゲーションを実装する面白UIサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風UIでiPodライクな次のようなナビゲーションを実装する方法.
  • 1