baserJS
baserJSDay 15

baserJSでリンク先のファイルによってアイコンを出し分ける

More than 3 years have passed since last update.

Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト

0.2.0 で実装予定

方針だけ決めて実装間に合いませんでした。

拡張子からファイルを判定してクラスを付加したり、画像を挿入するメソッドです。CSS2.1の属性セレクタを使って可能な実装ですが、より細かく正規表現でファイル名を判定したり擬似要素ではない実際の要素を挿入したりできます。

あくまで最終手段的なものです。

以下のような仕様にする予定。

JavaScript

$('a').bcExtendLink([
    {
        rule: /\.pdf$/i,
        addClass: 'file-pdf',
        addImage: '/img/icon/pdf.png',
        target: '_blank'
    },
    {
        rule: /\.xlsx?$/i,
        addClass: 'file-excel',
        addImage: '/img/icon/xls.png',
        target: '_top'
    }
]);