01647

ustreamer-01647

jQueryプラグインPowerTip

ツールチップにHTMLを流し込みたくてPowerTipに行き着いた.しかし,まだ為していない.f:id:paulga:20140326202036p:plain

読み込み

<!-- jQuery 読み込み -->
<script type="text/javascript" src="js/libs/jquery/jquery.js"></script>
<script type="text/javascript" src="js/libs/jquery-powertip/jquery.powertip.js"></script>

使用

$(document).ready(function(){
	// <span class="skillname">ultimate break</span>ホバー時にtip表示
	// オプションは中括弧内部に記述して指定する
	$("span.skillname").powerTip({placement: "s"});
}
*スタイルシート
>|css|
#powerTip{
	/* 必須 */
	display: none;
	position: absolute;
	/* 推奨 */
	z-index: 2147483647;

	background-color: #cccccc;
	border: solid 1px black;
}

チップテキスト設定

function Skill(tsvRow) {
	this.id = tsvRow["id"];
	this.description = tsvRow["description"];
	$("td#"+this.id).find("span.skillname").data("powertip", this.description);
}

成していた

成していた.プレビューに使用していたWebkitが太字表現をサポートしておらず,分からなかったのだ.(2014年3月27日9時42分)
f:id:paulga:20140327094305p:plain