解説

吹き出し形式で、メッセージを任意の場所に表示させる。
指定されたセレクターの上部中央に指定されたメッセージを表示させる。
更新日: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 … 浅野 利博
新規作成

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.