解説
吹き出し形式で、メッセージを任意の場所に表示させる。指定されたセレクターの上部中央に指定されたメッセージを表示させる。
更新日：2016年12月31日
直接「jquery.balloon.js」を使用することもできるが、それを簡単に使用できるようにしているだけである。
使用方法
準備 HTML
<script src="js/jquery.balloon.js"></script>
使用方法
PopupMessage( true, '#button', 'メッセージ' );
パラメタ
- mode
- 表示モード（ true=吹き出し、falsew=テキスト ）
- target
- 表示ターゲット（セレクタ）
- message
- 表示メッセージ
戻り値
なし。
コード
吹き出し表示関数
/*----------------------------------------------------------------------------------------------------------
吹き出し表示関数
----------------------------------------------------------------------------------------------------------*/
function PopupMessage
(
mode, // 表示モード（ true=吹き出し、falsew=テキスト ）
target, // 表示ターゲット（セレクタ）
message // 表示メッセージ
)
{
if( mode )
{
$(target).showBalloon
(
{
tipSize: 12,
contents: message,
showDuration: 0,
position: 'top center',
classname: 'form_error',
css: null
}
);
$(target).blur(
function()
{
$(this).hideBalloon();
}
);
} else {
$(target).text( message );
$(target).css( 'display', 'block' );
}
$(target).focus();
}
注意事項
重要
- なし。
更新履歴
- 2015/07/17 … 浅野 利博
- 新規作成