使い方

ZIPファイルを解凍後、各ファイルを任意のディレクトリに配置し、本機能を実装したいhtmlでJS、CSSファイルを読み込む。

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

以上でこのscriptが適用される。

javascriptの設定

jsファイル内の13～20行目付近にある設定値に拡張子を追加・削除することで、tooltipを表示するファイルを追加・制限することができる。
また、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タグ使用可）
},

追記

IE6で画面ロード時に発生していたエラーを修正