[B! jquery] yamazのブックマーク

わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー（カレンダー）を実装するjQueryプラグイン・glDatePicker - かちびと.net

カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日本語にしてみました。デモデモです。フォーカスするとカレンダーが表示されます。汎用的コードもシンプルなので簡単に日本語に出来ます。カラーはcssで変更するだけ。コード<script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/glDa

yamaz 2011/08/08

リンク

[Ajax][UI]画像スライダー・郵便番号検索・バリデーション « vanillate

画像をインラインフレームなどを使わずにスライドさせたり、郵便番号を入力するだけで（ボタンを押さずに）住所の入力補助ができたり、データを送信するまえにエラーチェックを行ったりといったインターフェイスが、当たり前に利用されるようになってきました。利用側としては、使いやすい方に慣れていく傾向にあるので、私も取り入れるために調べてみた際のまとめです。こういう処理の実装を行う時って、時間がない、仕上げの時が多いので、比較的に簡単に導入できそうなものを中心に、ご紹介します。 jQueryTOOLS　デモスライダー、ツールチップなどが簡単に実装できるライブラリ 1. Tabs（タブでDIV内容を切り替え） 2. Tooltips（ロールオーバーなどでヘルプ表示） 3. Overlay（同一ページ内で新しいウィンドウを表示） 4. Expose（クリックされた要素以外を暗転） 5. Scr

yamaz 2009/11/28

UI
jQuery

リンク

http://blog.e-riverstyle.com/2008/11/jqueryprettypopinjs.html

yamaz 2009/10/06

jquery
webui

リンク

jQuery TOOLS - The UI library for the Web

Demo Area A small list of things you can do with this library. 1. Tabs The most important UI widget on the web Minimal setup for tabs Naming the tabs 3 different skins with CSS Loading tab contents with AJAX Handling browsers back button AJAX:ed tabs with History support Using mouseover to switch tabs Making Wizards with the Tabs Making Accordions with the Tabs Customizing the Accordion e