テスト - リンクに指定されたファイルの情報を自動で取得してtooltipで表示する

動作サンプル

使い方

jsとcssを外部ファイルとして読み込む

<script type="text/javascript" src="js/fileLinkExtension.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="css/fileLinkExtension.css" />

以上で本JSが適用される。

javascriptの設定

jsファイル内の13～20行目付近にある設定値に拡張子を追加・削除することで、
tooltipを表示するファイルを追加・制限することができる。
また、tooltipの色や表示テキストも同様に編集できる。

//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	extension : [ '.png', '.gif', '.jpg', '.jpeg', '.pdf', '.xlsx', '.xls', '.docx', '.doc', '.pptx', '.ppt', '.zip', '.lzh', '.cab', '.txt', '.exe' ], // tooltipを表示する対象の拡張子
	tooltipColor : 'black', // tooltipの色 --> 'black','white','red','green'
	header : '', // ツールチップの冒頭に挿入するテキスト（htmlタグ使用可）
	footer : '' // ツールチップの末尾に挿入するテキスト（htmlタグ使用可）
},