jQueryを使って簡単にフォームの入力チェックができる「jQuery Inline Form Validation Engine」
» MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。
今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。
jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非常に分かりやすい。フォーカスが外れた時にチェックが行われるようだ。
最初や最後の行だけ違うスタイルを可能にするJavaScript「yuga.js」
» 最後の行だけ違うスタイルにするJavaScript: Good Sleep|Webデザイナーの日々のスキマ
若干古いですが、web creators 4月号の「Webデザイン スタイルアップ Tips」に紹介されていたKyosuke.jpさんの「yuga.js」は、小粒ですがなかなか痒いトコロに手が届くスクリプトが集まっています。
細かいところで手間を省いてくれるスクリプトみたいですね。
……続きを読む »
テーブルやリストの背景を1行ごとに変更する方法:JavaScriptを使うかCSSだけでやるか
» Good Sleep|Webデザイナーの日々のスキマ: テーブルの背景色を1行おきに変更してみる
テーブルやリストで1行ごとに背景色を変更したいことってけっこうあるんですよね。作ったきり修正がほとんどないようなサイトなら手作業で1行ごとに class 指定していってもまったく問題ないんですが、行を追加・削除するなどの修正を加える機会がそこそこある場合は手作業じゃやってられません。でもご紹介した記事のとおりにやれば1発解決ですね!
……続きを読む »
古いIE利用者にバージョンアップを勧めるJavaScript「sevenup」
» MOONGIFT: » IE6を殲滅せよ「sevenup」:オープンソースを毎日紹介
今回紹介するオープンソース・ソフトウェアはsevenup、IE6ユーザにIE7への移行を進めるJavaScriptだ。
気づいてみると手元の環境にIE6はなかった。なので実物は分からないのだが、sevenupを読み込んで画面表示時にJavaScriptを実行するとIE6以前かどうかの判別を行い、もしそうであればフローティングウィンドウを出す仕組みのようだ。
そこにはIE6が既にサポート対象外になっていることに加えて、IE7がIE6以前よりも高速であること、IE6よりもWeb標準に則っていること、タブ機能が便利、フィッシング対策もあり、印刷機能が便利だと書かれている。それを見て納得したユーザはクリック一つでIE7のダウンロードに飛べるようになっている。
» sevenup
「Internet Explorer 8の正式版リリース」という記事で触れたように、IE 6 はレンダリングという点でウェブマスターの悩みの種となっています(いわゆる「ブラウザ問題」というやつ)。元記事で紹介されているのは IE 6 のバージョンアップを促そうという計画ですね。
……続きを読む »
![[画像] jQuery Inline Form Validation Engine デモ画像](http://www.kagitaku.com/diary/images/090604_formValidator.jpg)
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png)





![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)