jQuery Form Example Plugin - 入力要素に使い方や説明が乗せられるjQueryプラグイン

2010/05/25 19:28 Update

jQuery Form Example Pluginは、フォームの入力要素に使い方などの文字列を表示しながらも、フォーカスを当てると自動的に消される機能を提供します。

◇　言語：JavaScript(jQuery.js)
◇　ライセンス：BSD,GPL

◇　フォームの入力要素にフォーカスが当てると自動的に消される説明文を付ける
◇　説明文は手動で指定することや要素のtitle属性によって指定可能
例1：

<input id="simple" type="text" />
$('#simple').example('説明文はこちら');

例2：

<input type="text" id="callback" title="説明文はこちら" />
$('#callback').example(function() {
  return $(this).attr('title');
});

◇　callbackの指定可能
例：

$('#callback').example(function() {
  return $(this).attr('title');
});

◇　説明文にclassスタイルを指定可能
例：

$('#callbackwithcustom_class').example(function() {
return $(this).attr('title');
}, {className: 'not_example'});

◇　テキストボックスやtextareaなどの要素に適応可能

◇　同時複数の要素に設定可能
例：

$('.multiple').example('Several at once.');

HTMLコード例：

<input id="simple" type="text" />

JavaScriptコード例：

$('#simple').example('説明文');

デモはこちら

。

Relative Articles