| MVC Classic ウィジェット > Wijtooltip |
wijtooltip ウィジェットでは、吹き出しや小さいボックスにターゲット要素に関する情報を提供するポップアップツールチップまたはオーバーレイを表示できます。任意の HTML、画像、およびテキストを埋め込んで、完全にカスタマイズされたツールチップを作成します。
wijtooltip ウィジェットは、jquery.wijmo.wijtooltip.js ライブラリによって作成されます。これを jQuery セレクタに適用するだけで、そのセレクタ要素のツールチップが表示されます。
次のマークアップを使用し、ツールチップを作成できます。
| ソースビュー |
コードのコピー
|
|---|---|
<input title="tooltip1" type="text" /> |
|
ツールチップを HTML 要素に追加するには、次のように、ツールチップマークアップを添付先の HTML 要素の間にネストするだけですべての作業は完了します。
| ソースビュー |
コードのコピー
|
|---|---|
<div id="targetContainer">
<div>
<input title="ツールチップ!" type="text" />
</div>
</div>
|
|
次の jQuery スクリプトは wijtooltip を初期化します。
| ソースビュー |
コードのコピー
|
|---|---|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("[title]").wijtooltip();
});
</script>
|
|
プロジェクトを実行し、カーソルで入力ボックスの上にホバーすると、ツールチップが表示されます。
wijtooltip の詳細については、Wijmo 製品マニュアルをご覧ください。