リアルタイムに入力チェック - jQuery Inline Form Validation Engine - | バシャログ。
こんにちは、nakamura です。すっかり秋めいてきましたね。みなさんの今年の夏の思い出は何だったでしょうか。僕の思い出は叔父がやっている家庭菜園で膨大な量のきゅうりが取れてしまい、家のおかずが2週間ほどきゅうりづくしだった事でしょうか。自分、鈴虫かと思いました。 とあるプロジェクトで、入力フォームのバリデーションを javascript で実装したいという要件がありました。なおかつ最近よくみる submit ボタンを押さずともリアルタイムでエラーメッセージを表示してくれるおしゃれなアレです。そんな要件に添う為今回使ったのが Jquery Inline Form Validation Engine です。元々 sakai が見つけてきたものなのですが、仕組みも簡単で分かりやすく中々動作も軽快だったのでここでご紹介したいと思います。 ファイル構成 まずはスクリプトをダウンロードしましょう。
グラフィックデザイナーのためのCSSレイアウトメモ : Ajaxライブラリ使用サンプル集「手軽なツリービュー」
jquery.jsを読み込む まず、jQueryサイトからjquery.jsをダウンロードし、外部jsファイルとして読み込む。 または、Googleの「The AJAX Libraries API」経由でjQueryをダウンロードさせることもできる。 Google AJAX Libraries APIでは、jQueryのほかに、Prototype、script.aculo.us、MooTools、Dojoがサポートされている。 (関連記事) Google AJAX APIを使ってjQueryをgoogleからダウンロードさせるには、 <head>部に以下のように書く。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google
jQuery：hoverで背景色が変わった後、交互に背景がついているところの色を元に戻す方法
マウスを乗せると横の行の色が変わるようになっています。 そしてマウスがはなれると、元の色に戻るというもの。 CSSでやるならとってもシンプルなことですよね。 失敗した時のスクリプト $('#test1 tr').hover(function(){ var bgColor = $(this).css('backgroundColor'); $(this).css({ backgroundColor:'#ff47a3', color:'#ffffff' }); },function(){ $(this).css({ backgroundColor:bgColor, color:'#333333' }); }); これを動作させようとするとマウスががoutしたとき、 背景色がホバーの時のままで変わらなくなってしまいます。 エラーになってしまうのです。 あたまの中での仕組みとしては、 マウスがho
JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル:phpspot開発日誌
Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない＆軽い、簡単な実装を行いたい時に使えます。 <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
TableとCSSいろいろ - DesignWalker
