JavaScriptライブラリの最近のブログ記事

リアルタイムフォームバリデーション jQuery.validation.js
validation.jpgフォームのバリデーション(エラーチェック)を行ってくれるJavaScriptライブラリを探していました。



探していたライブラリの条件
  • ・jQueryで動作する
  • ・HTMLへの記述のみで導入できる(フォームに依存しない)
  • ・リアルタイムにエラーを表示する
  • ・フォーカスされている項目の色が変わる
  • ・エラーの表示位置を変更できる
さらに、「カスタマイズしなくてもカッコイィフォームだとなおよし!」と思っていたところに見つけたライブラリ。

■ライセンス MIT
■使用ライブラリ jQuery.js




ThickBox 3.1_200902101602.png ThickBoxLightBoxと同じようにクリックされた画像をオーバーレイ表示で拡大します。

ThickBoxLightBoxの一番の違いはベースであるライブラリ(フレームワーク)がjQueryかprototype.jsということ。
jQueryを使用しているThickBoxのほうが軽量に動作します。

ThickBox 3.1_200902101602_sample.png 『画像の拡大』という点ではどちらも同じような動作をしますが、サイトを見ると利用方法の『観点』がちょっと違う。

それぞれのサイトのサンプルを見てみるとLightBoxは画像の拡大のサンプルしかありませんが、ThickBoxはテキストを表示するサンプルやログイン画面を表示させるサンプルが公開されています。

『画像の拡大』という観点よりも『別ウィンドウで表示していたものをページ内で表示させる』という観点で利用方法を紹介しています。

どちらを使うか迷ったら、使用するサイトで利用している他のライブラリとの相性や
用途を考えてより使いやすいと思う方を選択してみてはいかがでしょうか。

Prototype Window Class - Introduction_200901140901.png

Prototype Window Classはマルチウィンドウ表示を可能にしてくれるJavaScriptライブラリです。
デフォルトでは単純なウィンドウやアラートの表示がMacのウィンドウのように表示されます。

スタイルシートや画像を変更すればオリジナルのデザインに変更することも可能。

使用ライブラリ


  • prototype.js

  • script.aculo.us

このアーカイブについて

このページには、過去に書かれたブログ記事のうちJavaScriptライブラリカテゴリに属しているものが含まれています。

前のカテゴリはjavascriptです。

次のカテゴリはlinuxです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

CSS Nite in SENDAI

dachas

JavaScriptライブラリ: 月別アーカイブ