tableの見たいところをハイライト表示してくれるjQueryプラグイン「jQuery HighTabler Plugin」

長い文章を読んでいると、どこを読んでいるかわからなくことがあります。
そんな時、読んでいるところをハイライト表示してくれるとわかりやすくなります。
jQuery HighTabler Pluginはそれを実現するjQueryプラグインです。
tableの見たいところをハイライト表示してくれるjQueryプラグイン「jQuery HighTabler Plugin」サンプル

使用方法
jQuery HighTabler Plugin | JB is Programmingからjquery.hightabler-0.0.1.jsをjQueryからjquery.jsをダウンロードします。

<script src="/test/js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="/test/js/jquery.hightabler-0.0.1.js" type="text/javascript"></script>
<script>
$(function () {
$("#id名").click(function(e){ //ハイライトさせる時にクリックさせるid
$.hightabler ("id2",{ //ハイライト対象のtable id
closePanelText:"閉じる", //閉じるボタンテキスト
closePanelClass:"cursorspacer" //閉じるボタンのCSS
});
});
});
</script>

あとは下記のようにhtmlを記述すれば完成です。
<div id="id名">ハイライトさせる</div>
<table id="id2">
<tbody>
<tr>
<td>テキスト</td>
</tr>
<!-- 以下tr分 -->
</tbody>
</table>

tableってのがあれですが、どこかで使えそうなプラグインです。

tableの見たいところをハイライト表示してくれるjQueryプラグイン「jQuery HighTabler Plugin」サンプル

sponsors

「tableの見たいところをハイライト表示してくれるjQueryプラグイン「jQuery HighTabler Plugin」」をシェアする

記事作成:
記事URL:

TOP > > > tableの見たいところをハイライト表示してくれるjQueryプラグイン「jQuery HighTabler Plugin」